Drop down menu info displayed on same page?

Dopeness · January 5th, 2006, 03:01 AM

I was wondering what the code was so that I could create a drop down menu and I select one of the options, the information stored in each of those options would be displayed right below it on that same page. Basically each one of the options contains information and when I select one of those options, the information gets puts on the page. And then when I select a different option that information gets put on, etc.

Thanks

AnneJan · January 10th, 2006, 04:34 AM

If you are using frames,

HTML Code:

<HTML>
<HEAD>
<TITLE>Frames example</TITLE>
</HEAD>
<FRAMESET rows="30%,50%,20%">
<FRAME src="document1.html">
<FRAME src="document2.html">
<FRAME src="document3.html">
</FRAMESET>
</HTML>

you could use (in your dropdown menu) the attribute 'source' to target your page:

HTML Code:

<FRAME src="the adress" name="framename">

HTML Code:

<A href="adress" target="framename">

This might work to target your page into one of the frames.

Blakely3683 · September 8th, 2008, 11:31 AM

I actually have the same question as the original post, but I'm not using frames - I'm using CSS divs and some javascript. Please advise - I'm really having trouble finding the answer. Everything I have found is for drop down menus that link to another page. While helpful, it's not what I'm looking for.

Thanks!!

Aso · September 8th, 2008, 01:44 PM

Have you got a link to the code you've been working with so far?

Blakely3683 · September 9th, 2008, 02:00 PM

Well, I'm using the Suckerfish method of a vertical CSS drop down menu where all the href="#" but where I'm lost is after I get that all nice and pretty - what do I do to get the actual content to display once I click on the <li>?

I thought maybe using an onclick or something, but I'm so new to js I wouldn't really know where to start.

Thanks!