Hallo,
Eerst en vooral ik ben een leek op het gebied van Javascript. Ik moet echter een website maken met een pull down menu en vond ergens een script hiervoor.
Het maken van 1 pulldown box is geen probleem, hiervoor gebruik ik de volgende code:
in de <head> :
<SCRIPT LANGUAGE="JavaScript">
function formHandler(form){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}
in de <body>:
<form name="form">
<select name="site" size=1 onChange="javascript:formHandler()">
<option value="" selected="selected">Home
<option value="index.html">Even voorstellen...
</select>
Ok, tot hier alles goed, maar als ik verschillende van deze boxen horizontaal naast elkaar wil zetten loopt het fout. de code in de <head> blijft hetzelfde (neem ik aan) en in de <body> maak ik er dan hetvolgende van:
<form name="form">
<select name="site" size=1 onChange="javascript:formHandler()">
<option value="" selected="selected">Home
<option value="index.html">Even voorstellen...
</select>
<select name="site2" size=1 onchange="javascript:formHandler()">
<option value="" selected="selected">Questa
<option value="fotosquesta.html">Foto's
<option value="docs.html">Documenten </option>
<option value="Shows.html">Showuitslagen </option>
</select>
<select name="site3" size=1 onchange="javascript:formHandler()">
<option value="">De Grote Zwitser </option>
<option value="Zwitser.html">Info Grote Zwitser </option>
</select>
<select name="site4" size=1 onchange="javascript:formHandler()">
<option value="">Puppies </option>
<option value="puppies.html">onze puppies </option>
</select>
<select name="site6" size=1 onchange="javascript:formHandler()">
<option value="">Contact </option>
<option value="contact.html">Contactinfo </option>
</select>
<select name="site7" size=1 onChange="javascript:formHandler()">
<option value="">Links
<option value="links.html">Diverse links
</select>
</option>
</form>
Dit werkt dus niet, dus duidelijk doe ik iets fout.. kan iemand helpen??
Eerst en vooral ik ben een leek op het gebied van Javascript. Ik moet echter een website maken met een pull down menu en vond ergens een script hiervoor.
Het maken van 1 pulldown box is geen probleem, hiervoor gebruik ik de volgende code:
in de <head> :
<SCRIPT LANGUAGE="JavaScript">
function formHandler(form){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}
in de <body>:
<form name="form">
<select name="site" size=1 onChange="javascript:formHandler()">
<option value="" selected="selected">Home
<option value="index.html">Even voorstellen...
</select>
Ok, tot hier alles goed, maar als ik verschillende van deze boxen horizontaal naast elkaar wil zetten loopt het fout. de code in de <head> blijft hetzelfde (neem ik aan) en in de <body> maak ik er dan hetvolgende van:
<form name="form">
<select name="site" size=1 onChange="javascript:formHandler()">
<option value="" selected="selected">Home
<option value="index.html">Even voorstellen...
</select>
<select name="site2" size=1 onchange="javascript:formHandler()">
<option value="" selected="selected">Questa
<option value="fotosquesta.html">Foto's
<option value="docs.html">Documenten </option>
<option value="Shows.html">Showuitslagen </option>
</select>
<select name="site3" size=1 onchange="javascript:formHandler()">
<option value="">De Grote Zwitser </option>
<option value="Zwitser.html">Info Grote Zwitser </option>
</select>
<select name="site4" size=1 onchange="javascript:formHandler()">
<option value="">Puppies </option>
<option value="puppies.html">onze puppies </option>
</select>
<select name="site6" size=1 onchange="javascript:formHandler()">
<option value="">Contact </option>
<option value="contact.html">Contactinfo </option>
</select>
<select name="site7" size=1 onChange="javascript:formHandler()">
<option value="">Links
<option value="links.html">Diverse links
</select>
</option>
</form>
Dit werkt dus niet, dus duidelijk doe ik iets fout.. kan iemand helpen??