Toon posts:

Probleem/vraag met javascript uitklapmenu

Pagina: 1

Acties:

36 views sinds 30-01-2008
Reageer

donderdag 31 januari 2002 12:17

Acties:

DPhoenix

Topicstarter

Ik heb een vraag over hetvolgende uitklapmenu in Javascript.

Dit staat in de HEAD:

code:

style>
<!--
#foldheader{cursor:hand ; font-weight:bold ;
list-style-image:url(fold.gif)}
#foldinglist{list-style-image:url(list.gif)}
//-->
</style>
<script language="JavaScript1.2">
<!--
var head="display:''"
img1=new Image()
img1.src="fold.gif"
img2=new Image()
img2.src="open.gif"

var ns6=document.getElementById&&!document.all

function change(e){
if (!document.all&&!ns6)
return
var etarget=ns6?e.target:event.srcElement
var imagetarget=etarget
if (etarget.id=="foldheader"||ns6&&etarget.parentNode.id=="foldheader"){
if (ns6&&etarget.parentNode.id=="foldheader"){
nested=etarget.parentNode.nextSibling.nextSibling
imagetarget=etarget.parentNode
}
else
nested =ns6?etarget.nextSibling.nextSibling:document.all[etarget.sourceIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
imagetarget.style.listStyleImage="url(open.gif)"
}
else {
nested.style.display="none"
imagetarget.style.listStyleImage="url(fold.gif)"
}
}

}

document.onclick=change

//-->
</script>

En dit staat in de body:

code:

<ul>
   <li id="foldheader">Rubrieken</li>
   <ul id="foldinglist" style="display:none" style=&{head};>
    <li><a href="http://www.blabla.nl/pagina1.htm">Kees</a></li>
    <li><a href="http://www.blabla.nl/pagina2.htm">Piet</a></li>
    <li><a href="http://www.blabla.nl/pagina3.htm">Flip</a></li>
    <li><a href="http://www.blabla.nl/pagina4.htm">Loes</a></li>
    <li><a href="http://www.blabla.nl/pagina5.htm">Kim</a></li>
    <li><a href="http://www.blabla.nl/pagina6.htm">Jill</a></li>
   </ul>

Als je op de Foldheader Rubrieken klikt dan klapt het menu uit. Dit gaat goed. Maar wat ik nu wil is dat als ik op Rubrieken klik, het menu uitklapt en tegelijk een site rubrieken wordt geopend in een frame ernaast (dit script dus in een linker frame). De Folheader is dus tegelijk een soort link.

Ik heb al geprobeerd het als volgt op te lossen:

code:

1	<li id="foldheader"><a href="http://wwww.blabla.nl/rubrieken.html" target="rightframe">Rubrieken</a></li>

Echter dit werkt niet. Heeft iemand een idee hoe ik dit wel voor elkaar kan krijgen?

AULXJMHR

donderdag 31 januari 2002 15:32

Acties:

DPhoenix

Topicstarter

Iemand?

AULXJMHR

donderdag 31 januari 2002 15:34

Acties:

Woudloper

« - _ - »

Niet zo snel schoppen...

Je moet ons wel ff de tijd geven

vrijdag 1 februari 2002 09:55

Acties:

DPhoenix

Topicstarter

* DPhoenix heeft na een dag nog nix vernomen?

Heeft dan niemand een oplossing?

AULXJMHR

vrijdag 1 februari 2002 10:10

Acties:

crisp

Devver

Pixelated

Bij deze dan:

code:

1	<li id="foldheader" onClick="parent.rightframe.window.location.href='rubrieken.html'">Rubrieken</li>

Intentionally left blank

vrijdag 1 februari 2002 12:09

Acties:

DPhoenix

Topicstarter

Op vrijdag 01 februari 2002 10:10 schreef crisp het volgende:
Bij deze dan:
code:
1
<li id="foldheader" onClick="parent.rightframe.window.location.href='rubrieken.html'">Rubrieken</li>

Ik heb dit geprobeerd, maar het werkt nog niet helemaal. Wel geloof ik dat dit de juiste oplossing is. Ik zal het even wat beter uitleggen.

Voordat ik met het uitklapmenu in Javascript begon had ik de code als volgt:

code:

1	<a href="rubrieken.html" target="homepage">Rubrieken</a>

Het volgende staat in de index.html:

code:

<html>
<frameset cols="19%,81%" frameborder="0"
 border="0" framespacing="0">

<frame src="nav.html" name="navbar" scrolling=auto noresize>

<frame src="home.html" name="homepage">

</frameset>
</html>

De linker-frame is dus de "navbar" en de rechter-frame is de "homepage".

Met jou code verwijs je naar de rechter-frame met

code:

1	parent.rightframe.window.location.href

. Op zich niks verkeerd lijkt me. Maar kan het niet zodat er wordt verwezen naar "homepage"?

AULXJMHR

vrijdag 1 februari 2002 13:52

Acties:

DPhoenix

Topicstarter

Op vrijdag 01 februari 2002 10:10 schreef crisp het volgende:
Bij deze dan:
code:
1
<li id="foldheader" onClick="parent.rightframe.window.location.href='rubrieken.html'">Rubrieken</li>

Als ik bovenstaande code toepas dan geeft hij de volgende melding:

Error: 'parent.rightframe.window' is not an object

Enig idee?

AULXJMHR

vrijdag 1 februari 2002 14:27

Acties:

crisp

Devver

Pixelated

yep, "rightframe" vervangen door de naam van het frame waar je naar wil verwijzen...

Intentionally left blank

vrijdag 1 februari 2002 14:39

Acties:

DPhoenix

Topicstarter

Op vrijdag 01 februari 2002 14:27 schreef crisp het volgende:
yep, "rightframe" vervangen door de naam van het frame waar je naar wil verwijzen...

YES! Hij doet het. Bedankt he Crisp! Ik dacht dat ik dat al geprobeert had.

AULXJMHR

Pagina: 1

Reageer