Drop down menus

Hi, I've been looking around for quite some time now for a javascript script to create dropdown menus. I need something like a bar on my screen that when the mouse is hovered over one part, the menu pops up for that section...and when the mouse off it, the pop up disappears after a second or so. I don't need any pictures, and I already have a css that changes colours and sets text (though different text size in the menu would probably be a good idea).
I'm primarily a PHP programmer, and as far as I know, there's nothing in PHP that does anything remotely like this, and I've never understood javascript, but from what I've found around on the net, what I'm trying to do seems complicated.
I've found some stuff that I can flounder around with at the very least, but I haven't been able to work out how to make the menus go away when the mouse is elsewhere, so if nothing else, could someone solve my dilema of that. Explaining to me how to do the whole thing would be more appreciated though (I've got no idea how big this would be...it's probably impractical).

Thanks for any help that you can give me.

I can recommend a JavaScript menu that I used when developing a web site some years ago. It was developed by Andy Woolley and is available on DynamicDrive (http://www.dynamicdrive.com/dynamicindex1/topmen4/index.htm).
I found this menu to be highly modifiable for my purposes and you don't need to have an extensive knowledge of JavaScript to use it.
To check out a sample, download and extract the zip file, and run the .htm file.

Hope this helps.

I was wondering if anybody could help me. My problem is that I am trying to create a drop-down menu with all of the names of fonts. I need a table that has every character and the bold of that character, and i want to be able to select a specific font and have only the bold objects change to it. For example, if I were to click on Broadway, I want the bold characters to be shown in Broadway, with all the normal characters staying as the default text. Could you possibly show me the code? Thanks.

Hey dark_shadow! Look, I have an idea for you:



Good Luck

Anibal.


PS: It can also be done, simply modifying a style sheet....both are similar solutions

Hi I wonder if anyone could help with what is hopefully a straightforward question. I have created a dropdown box. The code used is shown below:



<script language="JavaScript" type="text/javascript">

function changeMe()

{

if(document.form1.site.value != "")

{

location.href=document.form1.site.value;

}

}

</script>



<form action="" method="post" name="form1" id="form1">

<select name="site" onchange="changeMe();">

<option value="">Select</option>

<option value="bet.html">Bet365 Poker</option>

<option value="red_poker.html">32 Red Poker</option>

<option value="empire_poker.html">Empire Poker</option>

<option value="littlewoods_poker.html">Littlewoods</option>

<option value="pacific_poker.html">Pacific Poker</option>

<option value="party_poker.html">Party Poker</option>

<option value="victor_chandler_poker.html">Victor Chandler</option>

<option value="william_hill_poker.html">William Hill</option>

</select>

</form>





The first time the dropdown box is used, it works perfectly and a new page is loaded. This new page has identical dropdown box code, however when you then select from the dropdown box on the new page nothing happens. I’ve tried everything I know, any ideas anybody?

This will sound quite obvious, but...is the form in the other pages also called form1? If not...it's impossible to go anywhere from there!!

Anibal.

PS: I wouldn't put the "action" part on the form, since it's never submited.

There is a cross browser dhtml menu solution at sothink.

http://www.sothink.com/webtools/dhtmlmenu/index.htm