pulldown menu automatisch

[Verwijderd]

Ik heb dit ooit eens gezien, maar nu blijkt het onvindbaar te zijn: een pulldown menu dat automatisch naar de url gaat die als value beschreven staat (dus bijvoorbeeld <option value = "http://www.ilse.nl">Ilse</option>). Ik kan nu nog wel soortgelijke scripts vinden, maar deze maken gebruik van form tags, wat absoluut niet mag (form-tags kunnen layout verprutsen).

[Verwijderd]

Volgens de HTML standaard moet een pulldown menu (<SELECT> bedoel je toch?) binnen <FORM> tags staan.

_{Volgens mij is dit een W&G topic}

[vandijk]

http://www.google.com/search?q=javascript+select+onchange


<script language='JavaScript'>
function visit(newURL) {
//--If the selected file name isn't blank, send it to reader.
if (newURL != "") {
location.href=newURL
}
}
</script>


<form>
<select onchange=visit(this.options[selectedIndex].value)>
<option selected value="">Pick a Search Engine.</option>
<option value='http://www.altavista.com'>Alta Vista</option>
<option value='../search/index.html'>Coolnerds MegaSearch</option>
<option value='http://www.excite.com'>Excite</option>
<option value='http://www.infoseek.com'>InfoSeek</option>
<option value='http://www.lycos.com'>Lycos</option>
<option value='http://www.looksmart.com'>Look Smart</option>
<option value='http://www.webcrawler.com'>WebCrawler</option>
<option value='http://www.yahoo.com'>Yahoo</option>
</select>
</form>

[Verwijderd]

Op donderdag 13 december 2001 10:13 schreef vandijk het volgende:
<form>
<select onchange=visit(this.options[selectedIndex].value)>
<option selected value="">Pick a Search Engine.</option>
<option value='http://www.altavista.com'>Alta Vista</option>
<option value='../search/index.html'>Coolnerds MegaSearch</option>
<option value='http://www.excite.com'>Excite</option>
<option value='http://www.infoseek.com'>InfoSeek</option>
<option value='http://www.lycos.com'>Lycos</option>
<option value='http://www.looksmart.com'>Look Smart</option>
<option value='http://www.webcrawler.com'>WebCrawler</option>
<option value='http://www.yahoo.com'>Yahoo</option>
</select>
</form>

[vandijk]

Als je de <form> tags weglaat zou het nog kunnen werken. Je moet in iedergeval de spaties, tabs en returns tussen de <form> en <option ...> weglaten

[thijsc]

Form tags om form elementen weglaten is een slecht idee...

Kan netscape erg moeilijk over doen, bijvoorbeeld het hele formulier niet weergeven op de pagina.

[kvdveer]

100% untested

code:

<a href="#" onclick="tralala.visibility = 'visible';">klik hier!</a>
<div style="width:100;width:200;visibility:hidden;" id=tralala onmouseout="tralala.visibility = 'hidden';">
  <a href=http:\\www.google.com>Google</a><br>
  <a href=http:\\www.google.com>Google</a><br>
  <a href=http:\\www.google.com>Google</a><br>
  <a href=http:\\www.google.com>Google</a><br>
</div>

Dan moet je die div natuurlijk nog een beetje opmaken, en liefst ook nog een beetje tof plaatsen. Misschien sloop je die mouseOut er uit en breid je die OnClick uit.

[havana]

move > [forum=wg] Ik denk dat ik al weer waar deze topic eindigt

[OzBoz]

havana, dat voel je goed aan. Menschen menschen, gelieve ook zelf te zoeken. Tis echt niet zo moeilijk.