menu klik links script nodig

Status
Niet open voor verdere reacties.
B

bisopn

Gebruiker
Lid geworden
23 feb 2008
Berichten
647
ik zoek een script dat als iemanmd op pijltje klikt dat menu open gaat, en dat ik daar links inzet.
die pagina moet dan openen naar een frame. dus met framenaam. in menutje.
net als dit voorbeeld: http://www.oproakeldais.nl/engels/warffum_en_omgeving/index.html maar dan zonder knop
;)
Zoals dit voorbeeld!!!
1206287900-630.gif


ik hebdeze;l http://www.leejoo.nl/java/menu/kleurpull.htm
maar krijg niet goed open in een frame...

<option value="http://www.leejoo.nl" target="new" >Link 4
va ndie regel heb ik al bij target het woord new verandert in de framenaam.. maar nog werkt het niet.
 
Laatst bewerkt:
is het zo lastig ?

is een simple vraag, niemand die het weet ?
 
een topic na 5 u bumpen is overbodig. Als je vraag dan toch 'zo simpel' is, verbaast het me dat je ze nog niet zelf hebt opgelost... </rant>

Ik zou voor het onchange-event van het selectelement gaan, daarin de value van de geselecteerde optie uitlezen (de url dus), en die vervolgens als urlwaarde aan het frame toekennen (document.framenaam.location of document.framenaam.url, niet zeker van de correcte constructie)

--Johan
 
ik heb nu dit

PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<SCRIPT language=JavaScript>
<!--
function goSelect(daform) {
with(daform) {
top.window.location=options[selectedIndex].value;       // jump to that option's value
}
}
//-->
</SCRIPT>
</head>







<body>



<!-- verander hieronder het lettertype, grootte, kleurnummers om he menu aan te passen  -->
<form>
  <p align="center"><select style="font-family: MS Sans Serif, Arial, Helvetica; font-size: 10pt; color: #9999FF; background-color: #663366" onchange="goSelect(this)" size="1" name="fm">
<!-- verander hieronder de target van de links en wat er als begintekst moet worden weergegeven--> 
<option value="#" target="fm">Menu
<option value="http://www.google.nl" target="fm" >Link 1 
<option value="http://www.leejoo.nl" target="fm" >Link 2
<option value="http://www.leejoo.nl" target="fm" >Link 3
<option value="http://www.leejoo.nl" target="fm" >Link 4
<option value="http://www.leejoo.nl" target="fm" >Link 5
<option value="http://www.leejoo.nl" target="fm" >Link 6



</option>
</select></form>
<!-- verander hierboven de url's en de linknamen -->
<!-- wil je meer links simpelweg <option value="http://www.leejoo.nl">Link 7 etc. toevoegen -->




<iframe name="I1" id="I1" style="width: 782px; height: 397px" border="0" frameborder="0">
De browser ondersteunt geen inlineframes of is momenteel zodanig geconfigureerd dat inlineframes niet kunnen worden weergegeven.
</iframe>




</body>

</html>

nog kom ik er niet uit...
 
Ik zie in je code nergens het "target-frame" staan.

Kun je eens proberen uit te leggen hoe je het precies wilt hebben?
 
normaal opent het in een nieuw venster. nu dus.
ik heb een frame er onder (even nu als voorbeeld) daar moet die pagina's van dat menu inladen.

die regen document.framenaam.location of document.framenaam.url probeerde ik ook al ergens bij of tussen te zetten. of inplaats van top.window.location. maar is nog niet gelukt. alleen maar met fouten
 
Is me nog niet helemaal duidelijk, maar kijk hier eens naar.

Code: 
<SCRIPT language=JavaScript> 
<!-- 
function goSelect(daform) { 
with(daform) { 
parent.Il.location=options[selectedIndex].value;       // jump to that option's value
} 
} 
//--> 
</SCRIPT>

Dit werkt in ieder geval wel met de Google link
Let op dat er il staat in de verwijzing (i met een hoofdletter)
 
het gaat niet om de goole link, maar om het script.
ik zal proberen
 
werkt ook niet.
als ik die er in zet
krijg ik links onderin de pagina een ! (uitroepteken)...

ik heb dan!!!

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 
<SCRIPT language=JavaScript> 
<!-- 
function goSelect(daform) { 
with(daform) { 
parent.Il.location=options[selectedIndex].value;       // jump to that option's value
} 
} 
//--> 
</SCRIPT></head> 







<body> 



<!-- verander hieronder het lettertype, grootte, kleurnummers om he menu aan te passen  --> 
<form> 
  <p align="center"><select style="font-family: MS Sans Serif, Arial, Helvetica; font-size: 10pt; color: #9999FF; background-color: #663366" onchange="goSelect(this)" size="1" name="fm"> 
<!-- verander hieronder de target van de links en wat er als begintekst moet worden weergegeven-->  
<option value="#" target="fm">Menu 
<option value="http://www.google.nl" target="fm" >Link 1  
<option value="http://www.leejoo.nl" target="fm" >Link 2 
<option value="http://www.leejoo.nl" target="fm" >Link 3 
<option value="http://www.leejoo.nl" target="fm" >Link 4 
<option value="http://www.leejoo.nl" target="fm" >Link 5 
<option value="http://www.leejoo.nl" target="fm" >Link 6 



</option> 
</select></form> 
<!-- verander hierboven de url's en de linknamen --> 
<!-- wil je meer links simpelweg <option value="http://www.leejoo.nl">Link 7 etc. toevoegen --> 




<iframe name="I1" id="I1" style="width: 782px; height: 397px" border="0" frameborder="0"> 
De browser ondersteunt geen inlineframes of is momenteel zodanig geconfigureerd dat inlineframes niet kunnen worden weergegeven. 
</iframe> 




</body> 

</html>
 
Laatst bewerkt:
Je iframe heet nu i1 en niet il

Kopieer dit op de goede plek naar jouw code:

HTML: 
<iframe name="Il" id="Il" style="width: 782px; height: 397px" border="0" frameborder="0">
De browser ondersteunt geen inlineframes of is momenteel zodanig geconfigureerd dat inlineframes niet kunnen worden weergegeven. 
</iframe>
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan