Do you have a question? Post it now! No Registration Necessary. Now with pictures!
- Posted on
- CSS for multiple drop-down menu
- Thomas Hupfeld
February 23, 2007, 3:07 pm
rate this thread
I hope somebody can help me find "script" for this.
I want to create a multi-level drop-down menu. You can see the page I'm
trying to do this at
Here is what I want:
The first column should have a first line entry saying "Select a Specialty".
When a user "hovers" the
mouse over that "value", a "dropdown menu, immediately under that value,
should appear, with sample
values like "Chiropractors", "Orthodontists", "Physical Therapists", and any
other sports medicine professional
types I can think of.
When a user "hovers" the mouse over any of these values, a new dropdown menu
should appear, "popped-out" to the right.
I want this menu to contain "States", with the first value in the dropdown
saying "Select a State". Then, like the first column,
when the mouse hovers over any state value, the next level dropdown should
pop out to the right, with a first entry
saying "Select a City", with, of course, the values in that column being
cities in that state.
Of course, I will gradually hard-code the values of the states, cities,
and specialist info into the HTML.
Finally, with the mouse "hovering" over a "city value", the final
dropdown should pop-out, again to the right.
For the entries there, they will finally be the actual "contact" info for
that particular specialist. I need enough room
in each popped-out selection box to allow me to key in a "specialist name",
"address", "phone", and web site link,
if they have their own web site.
For each of these specialist-info boxes, I want to be able to use a
"carriage-control" (typically "Enter"), just to type
the next line of info. Each specialist's box will not contain the same
amount of lines of information (for example, obviously,
not every specialist will have their own web site).
Finally, if a user wants to move the mouse up the page, for example to
select a different "state", all of the dropdowns
that had popped out below the states (i.e. the cities and specialists info)
should disappear from the screen so that
the user is basically starting over, without seeing all of the previous
Of course, I need to be able to control the "background color" of each
new pop-out box.
I know this is a lot, but I know there are probably many examples of
this design on many web sites. All sample code,
or places to get it, are greatly appreciated!!!
(Here is an example of what I want to be able to see:
Select a Specialist
Chiropractors Select a State
Pennsylvania Select a City
Chiropractor 1 Name
Chiropractor 1 Address Line 1
Chiropractor 1 Address Line 2 (if there is one)
Chiropractor 1 Phone
value of Chiropractor 1's site URL (if they have a site)
________________________________________ (a separation between specialists)
Chiropractor 2 Name
Chiropractor 2 Address Line 1
Chiropractor 2 Address Line 2 (if there is one)
Chiropractor 2 Phone
value of Chiropractor 2's site URL (if there is one)
________________________________________ (bottom border line of box)
______________________ (bottom border of "City" drop-down box)
__________________________ (bottom border of
"State" dropdown box)
Specialist Type 2
_______________________ (bottom border of overall total dropdown box)
Again, thank you very much for any insight into this!!!
Wide World of Hockey
Wide World Of Hockey
Re: CSS for multiple drop-down menu
On Fri, 23 Feb 2007 16:56:09 GMT, nullified put finger to keyboard and
And all available for free if you use the source, Luke.
Visit: http://www.MineOfUseless.info - everything you never needed to know!
"We dream our dreams alone with no resistance"