Ik heb met behulp van een klein javascriptje (van internet) een menutje in elkaar gezet. deze werkt echter niet helemaal zoals ik had gewilt. De functie van het javascript is dat het zorgt dat het uitvouwt. Maar als ik op de pagina kom is deze al uitgevouwd.
dit is de code die tussen mijn head tags staat:
dit staat tussen mijn body tags op de plaats waar ik mijn menu wil hebben:
en dit is het javascript bestand (menu.js) deze staat in dezelfde map als die html pagina waarin het menu moett komen.
ik snap niet waarom hij niet goed werkt.. hopelijk kan iemand me helpen.
alvast bedankt
ps de vereenvoudigde versie werkt wel:
dit is de code die tussen mijn head tags staat:
Code:
<script type="text/javascript" src="Menu.js"></script>dit staat tussen mijn body tags op de plaats waar ik mijn menu wil hebben:
Code:
<a href="#" onclick="extend()"><img src="intressesbutton.jpg" width="140" height="35" alt="Intresses-button" border="0"/></a>
<div id="schaapje" name="schaapje" class="schaapje">
<a href="wolfenstein.html"><img src="wolfensteinsubbutton.jpg" width="140" height="35" alt="Wolfenstein-button" border="0"/></a> <br/>
<a href="newkids.html"><img src="newkidssubbutton.jpg" width="140" height="35" alt="Newkids-button" border="0"/></a> <br/>
<div>en dit is het javascript bestand (menu.js) deze staat in dezelfde map als die html pagina waarin het menu moett komen.
Code:
<!--
#schaapje {visibility: hidden;}
//-->
</style>
<script language="javascript">
<!--
var mydownloadsboolean = false;
function extend()
{
var mydownloads = document.getElementById('schaapje');
if(mydownloadsboolean == true)
{
mydownloadsboolean =false;
mydownloads.style.visibility ="hidden";
}
else
{
mydownloadsboolean =true;
mydownloads.style.visibility ="visible";
}
}
//-->ik snap niet waarom hij niet goed werkt.. hopelijk kan iemand me helpen.
alvast bedankt
ps de vereenvoudigde versie werkt wel:
Code:
<html>
<head>
<style>
<!--
#schaapje {visibility: hidden;}
//-->
</style>
<script language="javascript">
<!--
var mydownloadsboolean = false;
function extend()
{
var mydownloads = document.getElementById('schaapje');
if(mydownloadsboolean == true)
{
mydownloadsboolean =false;
mydownloads.style.visibility ="hidden";
}
else
{
mydownloadsboolean =true;
mydownloads.style.visibility ="visible";
}
}
//-->
</script>
</head>
<body>
<a href="#" onclick="extend()"><img src="intressesbutton.jpg" width="140" height="35" alt="Intresses-button" border="0"/></a>
<div id="schaapje" name="schaapje" class="schaapje"> <br/>
<a href="wolfenstein.html"><img src="wolfensteinsubbutton.jpg" width="140" height="35" alt="Wolfenstein-button" border="0"/></a> <br/>
<a href="newkids.html"><img src="newkidssubbutton.jpg" width="140" height="35" alt="Newkids-button" border="0"/></a> <br/>
<div>
</body>
</html>
Laatst bewerkt:
) 
