Hallo mensen,

na lang zoeken heb ik mijn oplossing gevonden, maar der zit nog een klein foutje in. Ik heb nu en dropdown javascript menu, dat gebruik maakt van layers. Als ik mijn pagina open, staan alle layers open, terwijl deze gesloten moeten zijn. ze gaan weg als ik met de muis over de link ga, om het submenutje te openen.

ik hoop dat dit verholpen kan worden!

dit is tevens de link van de site :
http://home.wanadoo.nl/llwmberden/ijlc

hier is de javascript code:


// JavaScript Document
function reDo() {  
window.location.reload();  
} 
window.onresize = reDo; 
//Define global variables 
var timerID = null; 
var timerOn = false; 
var timecount = 10; // Change this to the time delay that you desire 
var what = null; 
var newbrowser = true; 
var check = false; 

function init() {  
if (document.layers) {  
layerRef="document.layers";  
styleSwitch="";  
visibleVar="show";  
what ="ns4";  
}  
else if(document.all) {  
layerRef="document.all";  
styleSwitch=".style";  
visibleVar="visible";  
what ="ie4";  
}  
else if(document.getElementById) {  
layerRef="document.getElementByID";  
styleSwitch=".style";  
visibleVar="visible";  
what="dom1";  
}  
else {  
what="none";  
newbrowser = false;  
} 
check = true; 
} 

// Toggles the layer visibility on 
function showLayer(layerName) {  
if(check) {  
if (what =="none") {  
return;  
}  
else if (what == "dom1") {  
document.getElementById(layerName).style.visibility="visible";  
}  
else {  
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');  
}  
}  
else {  
return;  
}  
} 

// Toggles the layer visibility off 
function hideLayer(layerName) {  
if(check) {  
if (what =="none") {  
return;  
}  
else if (what == "dom1") {  document.getElementById(layerName).style.visibility="hidden";  
}  
else {  eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');  
}  
}  
else {  
return;  
}  
} 

function hideAll() {  
hideLayer('homesub');  
hideLayer('bginfosub');  
hideLayer('analysissub');
hideLayer('multimediasub'); 
hideLayer('othersub'); 
//Put all layers used in the nav here.  //Copy the hideLayer() function above.  
} 

function startTime() {  
if (timerOn == false) {  
timerID=setTimeout( "hideAll()" , timecount); 
timerOn = true;  
}  
} 

function stopTime() {  
if (timerOn) {  
clearTimeout(timerID);  
timerID = null;  
timerOn = false;  
}  
} 

function onLoad() {  
init();  
} 


hiermee open ik dus zon submenutje:

<a href="analysis.html" target="content" id="other" onMouseOver="hideAll(); showLayer('othersub'); stopTime()" onMouseOut="startTime();"></a>




hiermee open ik dus zon submenutje:
<a href="analysis.html" target="content" id="other" onMouseOver="hideAll(); showLayer('othersub'); stopTime()" onMouseOut="startTime();"></a>

Je moet de layers wel 'verstoppen'.
Dus ik denk met display: none; in de style. ;)
!!!!!
Met firefox kan ik niet in heb begin klikken :S
Lukt alleen met IE7 bij mij :(
!!!!!
Paul v/d Knaap schreef op 11.04.2007 17:44
!!!!!
Met firefox kan ik niet in heb begin klikken :S
Lukt alleen met IE7 bij mij :(
!!!!!


Dat doet Netscape dus ook niet..

@bart:
Je zou het dus ook even Netscape, FireFox en Opera valid moeten maken :P
je je site is erg buggy in firefox
en dat doe ik door?

srry ben niet egt gespecialiseerd hierin! srry voor t ongemak!
Door goed html te schrijven! (en natuurlijk javascript)
Zorg ook dat je ook op de site kan komen als je geen javascript gebruikt!
ik kan me geen andere manier voorstellen, ik wil het in een popup hebbe, en dat kan tog niet anders dan via javascript?

Reageren