Image med mouseover i drop down-menu

kig på siden www.dynamicdrive.com. Der er tonsvis af menuer hvar du kan lave det du vil... Lige til at klippe og klistre sammen...

Fx denne her. Du kan sætte et billed ind der hvor der er text!

http://www.dynamicdrive.com/dynamicindex1/sm/index.htm

Jeg bruger selv menusystemet fra Milonic, det er simpelthen genialt og kan alt hvad hjertet kan begære :)

http://www.milonic.com/menu/menusample.php?sampleid=4

Her kan du se et eksempel på en imagebased menu, det tager 5 minutter at ændre det til en drop down menu.

Hvordan præcis skal det fungerer?

Skal man flytte musen over et billede og så kommer der en menu frem?

Menuen er en rullemenu hvor der istedet for en 'submit'/'send' knap bliver brugt et image. Dette image skal så ud over at fungere som 'submit'/'send'-knap også indeholde en mouseover-funktion.
Peccatus

Har fundet et script der virker et helt andet sted... desværre er der opstået et andet problem... Når man 'submitter' sker der ikke en døjt...

<form name="genveje" method="post">
<SELECT width=194 name="stikord" size=1>
    <option selected>Vælg et emne &gt;</option>
    <option value="../admin/adresser.htm">Adresser</option>
    <option value="http://www.google.com">Google</option>
</select><input type="image" src="vlg.gif" alt="vlg" width="60" height="19" onmouseover="this.src='vlg1.gif'"
onmouseout="this.src='vlg.gif'" onClick= "location = '' +
document.genveje.stikord.options[document.genveje.stikord.selectedIndex ].value;" value="Go">
</FORM>

Er der nogen der kan fortælle mig hvorfor?
H-J

Du skal nok ikke skrive det på den måde. Prøv istedet:
onClick= "location = document.genveje.stikord.options[document.genveje.stikord.selectedIndex ].value;"

altså uden anførselstegn.

Jeg prøvede med:
onClick="location = document.genveje.stikord.options[document.genveje.stikord.selectedIndex].value;" value="Go" ... Det gav intet hverken med eller uden anførselstegn

det mærkeligt for det virke hvis du bruger en almindelig button eller et billede- måske understøtter en image-knap ikke den slags.

-- jeg ville nu vælge at bruge enten window.location eller location.href i konstruktionen -- og så lave en lille debugging:

onClick= "alert(document.genveje.stikord.options[document.genveje.stikord.selectedIndex ].value);window.location = document.genveje.stikord.options[document.genveje.stikord.selectedIndex ].value;"

-- det skulle gerne give dig en alert-box med præcis den tekst, som bruges ...

Sorry, roenving... det virkede heller ikke :-(
Måske kan man ikke have denne funktion + en rollover-funtion på denne måde... Kender I til en anden måde man kunne gøre det på og stadig bibeholde en alm. rullemenu + en rollover/mouseover 'submit'-knap?

-- nu var det debugging jeg opfordrede til, fordi det åbenbart ikke virkede -- fik du ikke en alertbox op ?-)

-- og hvad sagde den !-)

Arrrhh -- måske er det fordi du bruger input type=image -- den virker jo som en submit, så i stedet:

form name="genveje" method="post" onsubmit="window.location = this.stikord.options[this.stikord.selectedIndex].value;return false;">
<SELECT width=194 name="stikord" size=1>
    <option selected>Vælg et emne &gt;</option>
    <option value="../admin/adresser.htm">Adresser</option>
    <option value="http://www.google.com">Google</option>
</select><input type="image" src="vlg.gif" alt="vlg" width="60" height="19" onmouseover="this.src='vlg1.gif'"
onmouseout="this.src='vlg.gif'" value="Go">
</FORM>

And we have a winner!!!! Congrats Roenving... U Win!!! Thanx a bunch!!!

Jamen, velbekomme '-)

Det er zq rart at være vinder på et hold som funker !o]

-- og tak for points ;~}