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>