[js] in frame openen vanuit dropbox

[bougher]

Hallo allemaal,

Ik heb een probleempje met het programmeren van een stukje html. Voor jullie waarschijnlijk heel makkelijk, maar naar lang zoeken (bijv. via google en de sites waar je dan op uitkomt natuurlijk) kom ik er nog steeds niet uit.
Ik wil (mbv een javascriptje) als ik een dropbox open en klik op een waarde, dat hij de desbetreffende pagina in een ander frame (mainframe) opent. Dit is wat ik tot dusver heb in mijn "navigatie frame":

(tussen de head's, dit script)

<SCRIPT language=JavaScript>
<!--
function goSelect(daform) {
with(daform) {
top.window.location=options[selectedIndex].value;
}
}
//-->
</SCRIPT>

(tussen de body's dit)

<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="m">
<option value="#" >Menu
<option value="http://www.google.nl" target="mainFrame" >Link 1
</option>
</select></form>


Mijn frame settings zijn gewoon top en main (ofwel een horizontaal gesplitst scherm).

Goed, ik hoop dat ik deze topic goed heb gepost, want ik ben nog een beetje een nieuweling.

[Janoz]

Javscript is niet hetzelfde als java. Daarnaast staat duidelijk bovenaan in de topiclijst dat html en javascript niet in Programming & Webscripting maar in Webdesign & Graphics horen.

Programming & Webscripting -> Webdesign & Graphics

[Bosmonster]

• plaats je code in code-tags (zie faq voor alle mogelijkheden). Dit maakt het een stuk leesbaarder
  
  
• top.window is dubbelop. top is al een 'pointer' naar een window-object
  
  
• location is het location-object. Deze heeft een eigenschap 'href'. Om een url aan te passen gebruik je dus top.location.href en niet top.window.location.
  
  
• Je kunt vanuit top andere vensters aanspreken met hun naam. Bijvoorbeeld top.main.location.href.
  
  
• Je hebt een probleem als je een van je frames 'top' noemt. Dit is namelijk een gereserveerde naam voor het hoogst liggende frame.
  
  
• Sluit je option-tags af. Je doet het bij de eerste niet en de tweede weer wel.
  

[ Voor 12% gewijzigd door Bosmonster op 02-04-2004 09:49 ]

[Roeligan]

Dit zou moeten werken, maar is wel basic hoor... _{(als zelfs ik het al weet )}

code:

<script>
<!--
function goSelect(daform) {
    top.frames['main'].location.href= daform[daform.selectedIndex].value;
    }
//-->
</script>

en in de html _{(maar dat had je al)}

code:

<select name="tets" onchange="goSelect(this)">
<option value="http://www.google.nl">google
<option value="http://www.tweakers.net">T.net
</select>

[ Voor 56% gewijzigd door Roeligan op 02-04-2004 10:05 . Reden: typo ]

[bougher]

Waarschijnlijk dat het aan mij ligt, roeligan. Maar als ik jou ding uitvoer, dan opent niet de webpagina, laat staan in mijn main frame. Maak ik nou zo'n grote denkfout?

[Roeligan]

hmmm bij mij deed ie het wel
Dit is trouwens de makkelijke versie:

code:

<select name="blaat" onchange="location = this.options[this.selectedIndex].value;">