PDA

Volledige versie bekijken : dropdown menu

woopz
%Europe/Berlin %946 %2005, 22:43
Hoi Allemaal
ik heb in php een dropdown menu gemaakt, gewoon simpel op deze manier:

<select name="select" id="select" style="font-family:'Trebuchet MS'; font-size:12px;">
<option ></option>
</select>

Maar nu wil ik er ook echt een menu van maken. Dus als je een optie in de lijst selecteert dat ie dan meteen naar de pagina gaat. Ooit wist ik hoe het moest, maar ik ben het helaas helemaal kwijt. Kan iemand mij helpen? Alvast bedankt!
mknol
%Europe/Berlin %549 %2005, 13:11
De code tussen de <HEAD></HEAD ziet er als volgt uit:
<SCRIPT type="text/javascript" language="Javascript">
<!--
function vind() {
a = document.zoekform.selecteer.options[document.zoekform.selecteer.selectedIndex].value;
if (a == "pag1") window.location ="pag1.html";
if (a == "pag2") window.location ="pag2.html";
if (a == "pag3") window.location ="pag3.html";
return true;
}
// -->
</SCRIPT>

Op de plaats waar je het zoekformulier wilt hebben zet je de volgende code:

<FORM NAME="zoekform">
<SELECT NAME="selecteer">
<OPTION VALUE="zoeken" SELECTED>Zoeken!
<OPTION VALUE="pag1">Pagina 1
<OPTION VALUE="pag2">Pagina 2
<OPTION VALUE="pag3">Pagina 3
</SELECT>
<INPUT type="button" VALUE="GO!" onClick="vind()";>
</FORM>
of als je direct wilt openen moet het volgens mij zo:

<FORM NAME="zoekform">
<SELECT NAME="selecteer">
<OPTION VALUE="zoeken" SELECTED onClick="vind()";> Zoeken!
<OPTION VALUE="pag1" onClick="vind()";>Pagina 1
<OPTION VALUE="pag2" onClick="vind()";>Pagina 2
<OPTION VALUE="pag3" onClick="vind()";>Pagina 3
</SELECT>
<INPUT type="button" VALUE="GO!" >
</FORM>

Als je met frames werk en de pagina moet in het andere frame geladen worden dan vervang je window.location door:
parent.frame_naam.location.href
theFlashWizard
%Europe/Berlin %563 %2005, 13:32
en als je verstandig bent maak je er gewoon hyperlinks van, zet je die in een lijst en laat je die alleen zien waneer je over een bepaalde link heengaat. dat wel of niet laten zien doe je dan met css met display en dat doe je dan in a:hover.
zo krijg je een minimaal 3x zo kort script, de zoekmachines snappen het en kunnen het volgen en je kan het veel mooier opmaken omdat het gewoon met css aan te spreken is.
mknol
%Europe/Berlin %568 %2005, 13:38
nog beter inderdaad.
woopz
%Europe/Berlin %608 %2005, 14:36
Ik dacht dat het veel makkelijker kon .. maar toch bedankt! Ik ga het proberen!