473,397 Members | 2,099 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,397 software developers and data experts.

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 1472
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: ehm | last post by:
I am working on creating an editable grid (for use in adding, deleting, and editing rows back to an Oracle database). I have a JSP that posts back to a servlet, which in turns posts to a WebLogic...
14
by: JKop | last post by:
class Cow { public: void EatGrass() const {} }; class Brow { private:
3
by: Ajay Krishnan Thampi | last post by:
I have a slight problem implementing 'drag and drop' from a datagrid to a tree-view. I have pasted my code below. Someone please advice me on what to do...pretty blur right now. ==code== ...
3
by: Don Wash | last post by:
Hi There! I have a Server-side Drop-down box in ASP.NET (VB) page. What do I do to widen the Drop down box's Pull-Down list's width? I'm not talking about the Drop-down box's width but the box...
2
by: Yoshitha | last post by:
hi I have 2 drop down lists in my application.1st list ontains itmes like java,jsp,swings,vb.net etc.2nd list contains percentage i.e it conatains the items like 50,60,70,80,90,100. i will...
6
by: jojobar | last post by:
Hello, I look at the asp.net 2.0 web parts tutorial on the asp.net web site. I tried to run it under firefox browser but it did not run. If I want to use this feature in a commercial product...
4
by: WStoreyII | last post by:
I am trying to mirror the drop down effect of the region in the vs.net ide like when you create a region and you can expand or collapse this region how is this done with code? WStoreyII
4
by: TycoonUK | last post by:
Hi, As I do not have IE7 on my computer, I was wondering if there is a fault in my CSS Menu when using IE7. Please can someone look at my site - http://www.worldofmonopoly.co.uk and tell me...
3
by: penny111 | last post by:
Hi there, For my application, i need to have 3 drop down lists 1. drop down list of folder names 2. drop down list of documents in the folder selected 3. drop down list of instances of the...
2
by: Problematic coder | last post by:
I have a need in an application to have the ability to select multiple values in some kind of drop down list or maybe even a html type select box. I have found there doesn't seem to be an option...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.