468,103 Members | 1,307 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,103 developers. It's quick & easy.

How do I achieve drop-downs like Google?

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

Oct 19 '07 #1
2 1331
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

On Oct 19, 1:40 pm, "laredotorn...@zipmail.com"
<laredotorn...@zipmail.comwrote:
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

Oct 19 '07 #2
la***********@zipmail.com 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
--
http://www.gregorkofler.at ::: Landschafts- und Reisefotografie
http://www.licht-blick.at ::: Forum für Multivisionsvorträge
http://www.image2d.com ::: Bildagentur für den alpinen Raum
Oct 19 '07 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

14 posts views Thread by JKop | last post: by
3 posts views Thread by Ajay Krishnan Thampi | last post: by
2 posts views Thread by Yoshitha | last post: by
6 posts views Thread by jojobar | last post: by
4 posts views Thread by WStoreyII | last post: by
4 posts views Thread by TycoonUK | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.