[Sigia-l] implementing DHTML rollover menus and form elements

Luca Rosati info at trovabile.org
Wed Nov 10 04:31:57 EST 2004


Lisa Agustin wrote:

 > Hi everyone,
 >
 > Does anyone know of any good examples of how to implement DHTML rollover
 > menus (particularly long ones) on pages that contain form elements? 
We're
 > working on a project where the approved design uses a global nav that 
spans
 > the width of the page, and each global link will have its own 
rollover menu,
 > in some cases with many elements (probably a maximum of 16 for any given
 > link).  With a traditional vertical menu presentation, this means we'd
 > likely have to deal with the browser bug that makes form elements "poke
 > through" any rollover menu that would overlap them.  The client isn't
 > interested in a technical workaround, so I thought I'd see if anyone has
 > seen any elegant solutions? We are considering a horizontal treatment of
 > menu elements that would move into the banner area, but this doesn't 
strike
 > me as the best design (or most usable) solution.  Thanks in advance.
 >

Hi,

why DHTML if you can do it better by CSS?

A simple (nested) list (for instance <UL class="off">...</ul>), putting 
in CSS

ul.off {display:none}
ul.on {display:block}.

Then - via javaspript or serverside script - on the click you can change 
the class of the list.

Luca

-- 

home: http://lucarosati.it
a.i.: http://trovabile.org
mail: luca at lucarosati.it





More information about the Sigia-l mailing list