Dropdown menu doet niet zoals ik wil?

[Heatseeker]

Ik ben bezig een site voor iemand te maken en begin met een dropdownmenu, dit vind ik mooier als lossen knoppen die teveel ruimte in beslag nemen.
Ik zit met 1 probleem, moment dat ik uit de rij er 1 selecteer, moet deze naar een pagina doorverwijzen, maar doet dit niet, hoe kan ik dit laten werken?... links naar andere sites moeten wel openen in een nieuw venster en niet in het huidige?

voorbeeld: http://proef.homestead.com/index.html

en hieronder de code:


<FORM NAME='menu'>
<SELECT NAME='popup' onChange="change_site();" style="background-color:yellow; color:red">
<OPTION VALUE="#">eerste link
</OPTION>
<OPTION VALUE="#">Tweede link
</OPTION>
<OPTION VALUE="#">Derde link
</OPTION>
<OPTION VALUE="#">vierde link
</OPTION>
<OPTION VALUE="#">vijfde link
</OPTION>
<OPTION VALUE="#">zesde link
</OPTION>
</SELECT>
</FORM>
<SCRIPT>
function change_site() {
var site = document.menu.popup.selectedIndex;
{
window.location.href =
document.menu.popup.options[site].value;
}
}
</SCRIPT>

Wat te doen? of zijn er ergens scripts te krijgen die er grafisch ook iets mooier uitzien?

heat

 

[snabbi]

zet eens de naam van de pagina bij de value van je option

en blijven proberen

 

[Heatseeker]

Dat heb ik gedaan, kijk maar even bij de link... heb er 2 ingezet, maar ze gaan dus niet naar de sites toe...
Wat en waar moet ik iets veranderen?

heat

p.s. ik sta ook open voor goed werkende scripts

 

[peter vazed]

Hoezo?
Erin gezet?

<OPTION VALUE="#">menu:
</OPTION>
<OPTION VALUE="#">www.heerdeontour.com
</OPTION>
<OPTION VALUE="#">www.vvheerde.nl
</OPTION>
<OPTION VALUE="#">vierde link

Probeert dit eens:
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=362><TR VALIGN=top><TD><IMG SRC="http://uptpro.homestead.com/~site/Scripts_Track/track.dll?H_H=12309803&H_P=1&H_A=0&H_I=0&H_U=107153&E=566" WIDTH=12 HEIGHT=1></TD><TD><IMG SRC=/tp.gif WIDTH=350 HEIGHT=1></TD></TR>
<TR VALIGN=top><TD COLSPAN=2 HEIGHT=107></TD>
</TR>
<TR VALIGN=top><TD HEIGHT=200></TD>
<TD> <FORM target =" _parent" NAME='menu'>

<SELECT NAME='popup' onChange="change_site();" style="background-color:yellow; color:red">
<OPTION VALUE="#">menu:
</OPTION>
<OPTION VALUE="http://www.heerdeontour.com">www.heerdeontour.com
</OPTION>
<OPTION VALUE="http://www.zeepoort.nl/phpupdate/">www.vvheerde.nl
</OPTION>
<OPTION VALUE="#">vierde link
</OPTION>
<OPTION VALUE="#">vijfde link
</OPTION>
<OPTION VALUE="#">zesde link
</OPTION>
</SELECT>
</FORM>
<SCRIPT>
function change_site() {
var site = document.menu.popup.selectedIndex;
{
window.location.href =
document.menu.popup.options[site].value;
}
}
</SCRIPT><!-- --></TD>

</TR>
</TABLE>

 

[Heatseeker]

Hee Peter, dit begint erop te lijken... 1 klein ding nog, nu word de aangeklikte pagina geopend in het huidige venster, is het ook mogelijk om de aan te klikken link te openen in een nieuw venster?

heat

 

[Heatseeker]

Ik bedoel dus eigenlijk dat de als je op 1 van de links in het dropdownmenu klikt, je ook weg bent van de site waar dit opstaat en dat is niet de bedoeling, hoe plak ik een stukkie html in jouw text zodat dit mogelijk word?

heat

p.s. bedankt alvast

 

[peter vazed]

<FORM NAME='menu' >
<SELECT NAME='popup'
onChange="window.open(menu.popup.options[menu.popup.selectedIndex].value);
return false;" style="background-color:yellow; color:red">
<option value="http://www.helpmij.nl/forum/" selected>Computerhulp</option>
<OPTION VALUE="http://www.heerdeontour.com">De site </OPTION>
<OPTION VALUE="http://www.zeepoort.nl/phpupdate/">Zeeland </OPTION>
<OPTION VALUE="#">vierde link </OPTION>
<OPTION VALUE="#">vijfde link </OPTION>
<OPTION VALUE="#">zesde link </OPTION>
</SELECT>
</FORM>

 

[Heatseeker]

Alweer bedankt Peter, maar waar plak ik deze laatste in het vorige script van je?

heat

 

[peter vazed]

Gewoon
de form en het script verwijderen,
en deze nieuwe ervoor in de plaats.

 

[Heatseeker]

Peter, schitterend het werkt gewldig, zo bedoelde ik het dus!!! toppy!
De achtergrondkleur + letterkleur is te veranderen, is er ook iets mogelijk met de blauw kleur van het selecteren?
Is hier een regel in het script in te voeren?

heat

 

[Egel]

<form>
<select onChange="window.open(this.options[this.selectedIndex].value); this.blur(); return false;" style="background-color: yellow; color: red">
<option value="about:blank" selected>Kies ...</option>
<option value="http://www.helpmij.nl/forum/">Computerhulp</option>
...


Vr.Gr. Egel.

 

[Heatseeker]

Egel, ook bedankt maar heb even uitgetest maar werkt opzich goed, alleen kan de selectiekleur nog steeds niet veranderen!?

heat

 

[Egel]

De this.blur(); zorgt er idd alleen voor dat de selectie weer opgeheven wordt.

De blauwe kleur van de selectie wordt door windows bepaald, het is dezelfde kleur als wanneer je tekst selecteerd. Die kun je niet in een pagina instellen (dacht ik) alleen in windows.

Het is nog wel mogelijk met
this.selectedIndex=0;
de select weer op de 1e optie terug te zetten.


Vr.Gr. Egel.

 

[Heatseeker]

Nou ik laat het zo, ben zeer tevreden!!!
Egel, Peter, heel hartelijk dank:thumb:

Heatseeker