menu

Status
Niet open voor verdere reacties.

Lachmetdennis

Gebruiker
Lid geworden
4 jun 2006
Berichten
43
Goedendag,

Het volgende:

Ik heb een HTML drop down menu gemaakt, maar de links onder de namen moeten openen in hetzelfde frame, dit wil mij niet lukken.
Hieronder staat de code tot nu toe. Wie kan mij helpen?? p.s. het frame waarin ze geopend moeten worden heet mainFrame.

<FORM NAME="myform">

<SELECT NAME="dest" SIZE=1>

<OPTION VALUE="">Kies
<OPTION VALUE="home.htm"> Home
<OPTION VALUE="optie1.htm"> Optie1
<OPTION VALUE="optie2.htm"> Optie2
<OPTION VALUE="optie3.htm"> Optie3
</SELECT>
<P>
<INPUT TYPE="BUTTON" VALUE="Go!" onClick="surfto(this.form)">

</FORM>
 
Laatst bewerkt:
ik heb bijna geen verstand er van maar dat is toch zoiets?:

<FORM NAME="myform">

<SELECT NAME="dest" SIZE=1>

<OPTION VALUE="">Kies
<OPTION VALUE="home.htm" target="mainFrame"> Home
<OPTION VALUE="optie1.htm" target="mainFrame"> Optie1
<OPTION VALUE="optie2.htm" target="mainFrame"> Optie2
<OPTION VALUE="optie3.htm" target="mainFrame"> Optie3
</SELECT>
<P>
<INPUT TYPE="BUTTON" VALUE="Go!" onClick="surfto(this.form)">

</FORM>
 
Helaas werkt dit niet, Jarrin.

Dit had ik hier voor ook al geprobeerd.
Het zal wel zo iets zijn.
Wie kan mij helpen om het op te lossen?
 
SelectedIndex en this.options
zijn de woorden.
Code:
SELECT in FRAME:
	<!--Cool New Drop-Down Menu System-->
	<FORM>
	<SELECT id="ql"
onChange="if(this.selectedIndex)parent.frames['main'].location.href=this.options[this.selectedIndex].value; ">
<OPTION> SELECT <OPTION>
<OPTION VALUE="http://mail.lifeschool.net/pages/Students/DMueller/Pages/art/myart/galleryI.htm">
Gallery I 
<OPTION VALUE="http://mail.lifeschool.net/pages/Students/DMueller/Pages/art/myart/galleryII.htm" >
-Gallery II
<OPTION VALUE="http://mail.lifeschool.net/pages/Students/DMueller/Pages/art/myart/galleryIII.htm">
-Gallery III
<OPTION VALUE="http://mail.lifeschool.net/pages/Students/DMueller/Pages/art/myart/galleryIV.htm" >
-Gallery IV	</SELECT>
</FORM>

Probeer deze code eens,
en vervang main door je eigen framenaam: mainFrame.

:cool:
 
Bedankt voor je antwoord,

Maar ik krijg het niet aan de praat ik heb de code nu zo:

<FORM>
<SELECT id="ql"
onChange="if(this.selectedIndex)parent.frames['mainFrame'].location.href=this.options[this.selectedIndex].value; ">
<OPTION VALUE="">Kies provincie
<OPTION VALUE="friesland.htm">Friesland
<OPTION VALUE="groningen.htm">Groningen
<OPTION VALUE="drenthe.htm">Drenthe
<OPTION VALUE="noordholland.htm">Noord-Holland
<OPTION VALUE="flevoland.htm">Flevoland
<OPTION VALUE="overijssel.htm">Overijssel
<OPTION VALUE="zuidholland.htm">Zuid-Holland
<OPTION VALUE="utrecht.htm">Utrecht
<OPTION VALUE="gelderland.htm">Gelderland
<OPTION VALUE="zeeland.htm">Zeeland
<OPTION VALUE="noordbrabant.htm">Noord-Brabant
<OPTION VALUE="limburg.htm">Limburg
</SELECT>
</FORM>


Enig idee hoe dit kan???
 
Krijg je een foutmelding?
Heb je het online, zo niet even uppen, desnoods in een testmap.

:cool:
 
jah heb het online,

maar het werkt niet, krijg ook geen foutmelding. Maar hij gaat gewoon niet naar de opgegeven site toe.
 
Moet ik misschien iets zetten tussen de <HEAD> </HEAD> ??

Wegens technische redenen heb ik de website moeten aanpassen, zodat er geen frames maar op de site zijn. Maar nu moet de pagina nog wel opdezelfde pagina geopend, dus niet in een nieuwe venster. Kan ik dan _self gebruiken??
Maar hoe moet ik dat dan gebruiken in het drop down menu?
 
Laatst bewerkt:
Het is gelukt!!

Iedereen bedankt voor de hulp.

Maar nu willen jullie natuurlijk ook weten hoe ik het gedaan heb??
Hier volgt de code:

Tussen de <HEAD></HEAD>

<SCRIPT TYPE="text/javascript">
<!--
function dropdown(mySel)
{
var myWin, myVal;
myVal = mySel.options[mySel.selectedIndex].value;
if(myVal)
{
if(mySel.form.target)myWin = parent[mySel.form.target];
else myWin = window;
if (! myWin) return true;
myWin.location = myVal;
}
return false;
}
//-->
</SCRIPT>

En in de <BODY></BODY>

<FORM
ACTION="../cgi-bin/redirect.pl"
METHOD=POST onSubmit="return dropdown(this.gourl)">
<SELECT NAME="gourl">
<OPTION VALUE="">Kiezen

<OPTION VALUE="test.htm">Test1
<OPTION VALUE="test1.htm">Test2
<OPTION VALUE="test2.htm" >Test2

</SELECT>

<INPUT TYPE=SUBMIT VALUE="Go">
</FORM>

Groeten,

Dennis
 
En ditte?

Code:
<SELECT id="ql" onChange="top.location.href=this.options[this.selectedIndex].value; ">
<OPTION VALUE="">Kies provincie
<OPTION VALUE="friesland.htm">Friesland
<OPTION VALUE="groningen.html">Groningen
<OPTION VALUE="drenthe.htm">Drenthe
<OPTION VALUE="noordholland.htm">Noord-Holland
<OPTION VALUE="flevoland.htm">Flevoland
<OPTION VALUE="overijssel.htm">Overijssel
<OPTION VALUE="zuidholland.htm">Zuid-Holland
<OPTION VALUE="utrecht.htm">Utrecht
<OPTION VALUE="gelderland.htm">Gelderland
<OPTION VALUE="zeeland.htm">Zeeland
<OPTION VALUE="noordbrabant.htm">Noord-Brabant
<OPTION VALUE="limburg.htm">Limburg
</SELECT>
</FORM>

:cool:
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan