How do I achieve drop-downs like Google?

[laredotornado]

Hi, If any of you have a Google home page ...

http://www.google.com/ig

you'll notice that when you click on the drop down arrow graphic for
each module, there is a drop down menu that appears. You can move the
module around the page and the drop down menu always appears under the
arrow.

Does anyone have any recommendations as the best way to do this? I am
grateful for any experiences you have. The key here is relatively
positioning this drop-down menu.

- Dave

 

[ChronoFish]

This is less of a Javascript issues and more of CSS question.
Basically you want nested DIV tags where the outer DIV tag is the
"module" window that can be repositioned, and the inner DIV tag is the
pulldown menu.

Doing a search for "CSS floating window" will get you going in the
right direction.

-CF

 

[Gregor Kofler]

(e-mail address removed) meinte:

Hi, If any of you have a Google home page ...

http://www.google.com/ig

you'll notice that when you click on the drop down arrow graphic for
each module, there is a drop down menu that appears. You can move the
module around the page and the drop down menu always appears under the
arrow.

Does anyone have any recommendations as the best way to do this? I am
grateful for any experiences you have. The key here is relatively
positioning this drop-down menu.

According to FireBug all the drop downs are positioned absolutely. When
dragging a module the left and top properties are altered accordingly. I
suppose that's all.

Gregor