Skjul layers fra start
Jeg har "stjålet" noget kode fra en anden hjemmeside, da de har en skidesmart menustruktur, synes jeg. Siden er i stort omfang baseret på javascript, som jeg ikke har meget forstand på, og der er da også gået noget galt, imens jeg har omskrevet koden.Problemet er, at de to menubokse kommer frem, så snart man loader siden, og de skal først komme frem i det øjeblik, man ruller over menupunkterne. For at se hvad jeg mener kan I se her:
http://www.tubavej.dk/menutest/forside.html
En ekspert kan nok hurtigt se, hvad der er galt, men jeg kan desværre ikke. Hvad er der galt? Her kommer koden i filen menu.js som der refereres til:
// Determine browser.
var isMinNS4 = (navigator.appName.indexOf("Netscape") >= 0 &&
parseFloat(navigator.appVersion) >= 4) ? 1 : 0;
var isMinIE4 = (document.all) ? 1 : 0;
var isMinIE5 = (isMinIE4 && navigator.appVersion.indexOf("5.") >= 0) ? 1 : 0;
bruger_off=new Image
bruger_on=new Image
links_off=new Image
links_on=new Image
bruger_off.src="bruger_off.gif"
bruger_on.src="bruger_on.gif"
links_off.src="links_off.gif"
links_on.src="links_on.gif"
function hideLayer(layer,imgDocID) {
if (isMinNS4){
layer.visibility = "hide";
document.images[imgDocID].src = eval(imgDocID+"_off.src");
}
if (isMinIE4){
layer.style.visibility = "hidden";
document.images[imgDocID].src = eval(imgDocID+"_off.src");
}
}
function showLayer(layer,imgDocID) {
if (isMinNS4){
layer.visibility = "show";
document.images[imgDocID].src = eval(imgDocID+"_on.src");
}
if (isMinIE4){
layer.style.visibility = "visible";
document.images[imgDocID].src = eval(imgDocID+"_on.src");
}
}
function WriteLayer(){
MenuLayer ="<div id='BrugerLayer' class='LayerOff' onmouseover='showLayer(BrugerLayer,"bruger");' onmouseout='hideLayer(BrugerLayer,"bruger");'>"
+ "<LAYER onmouseover='showLayer(BrugerLayer,"bruger");' onmouseout='hideLayer(BrugerLayer,"bruger");'>"
+ "<table border='0' cellpadding='1' cellspacing='0' width='110' bgcolor='#9e9e9e'>"
+ "<tr>"
+ "<td>"
+ "<table border='0' cellpadding='5' cellspacing='0' width='110' bgcolor='#f6e9d8'>"
+ "<tr>"
+ "<td bgcolor='#f6e9d8' class='hovedmenu'>"
+ "<a href='link11.html' onclick='hideLayer(BrugerLayer,"bruger");'>Grp 1 - link 1</a><br>"
+ "<a href='link12.html' onclick='hideLayer(BrugerLayer,"bruger");'>Grp 1 - link 2</a><br>"
+ "<a href='link13.html' onclick='hideLayer(BrugerLayer,"bruger");'>Grp 1 - link 3</a><br>"
+ "</td>"
+ "</tr>"
+ "</table>"
+ "</td>"
+ "</tr>"
+ "</table>"
+ "</LAYER>"
+ "</div>"
+ "<div id='LinksLayer' class='LayerOff' onmouseover='showLayer(LinksLayer,"links");' onmouseout='hideLayer(LinksLayer,"links");'>"
+ "<LAYER onmouseover='showLayer(LinksLayer,"links");' onmouseout='hideLayer(LinksLayer,"links");'>"
+ "<table border='0' cellpadding='1' cellspacing='0' width='110' bgcolor='#9e9e9e'>"
+ "<tr>"
+ "<td>"
+ "<table border='0' cellpadding='0' cellspacing='0' width='110'>"
+ "<tr>"
+ "<td bgcolor='#EFCEEF' class='hovedmenu'>"
+ "<a href='link21.html' onclick='hideLayer(LinksLayer,"links");'>Grp 2 - link 1</a><br>"
+ "<a href='link22.html' onclick='hideLayer(LinksLayer,"links");'>Grp 2 - link 2</a><br>"
+ "</td>"
+ "</tr>"
+ "</table>"
+ "</td>"
+ "</tr>"
+ "</table>"
+ "</LAYER>"
+ "</div>";
return MenuLayer;
}
function WriteMenu(){
MenuStr = "<table border='5' cellpadding='0' cellspacing='0' width='147' background='1x1.gif'>"
+ "<tr>"
+ "<td width='147' height='30'> </td>"
+ "</tr>"
+ "<tr>"
+ "<td width='147'><a href='link11.html' onmouseover='showLayer(BrugerLayer,"bruger");' onmouseout='hideLayer(BrugerLayer, "bruger");'><img src='bruger_off.gif' width='147' height='20' border='0' name='bruger'></a></td>"
+ "</tr>"
+ "<tr>"
+ "<td width='147' height='10'> </td>"
+ "</tr>"
+ "<tr>"
+ "<td width='147'><a href='link21.html' onmouseover='showLayer(LinksLayer,"links");' onmouseout='hideLayer(LinksLayer,"links")'><img src='links_off.gif' width='147' height='20' border='0' name='links'></a></td>"
+ "</tr>"
+ "</table>";
return MenuStr;
}
