Avatar billede beyer Nybegynder
13. februar 2002 - 17:15 Der er 1 løsning

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,&quot;bruger&quot;);' onmouseout='hideLayer(BrugerLayer,&quot;bruger&quot;);'>"
    + "<LAYER onmouseover='showLayer(BrugerLayer,&quot;bruger&quot;);' onmouseout='hideLayer(BrugerLayer,&quot;bruger&quot;);'>"
        + "<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,&quot;bruger&quot;);'>Grp 1 - link 1</a><br>"
        + "<a href='link12.html' onclick='hideLayer(BrugerLayer,&quot;bruger&quot;);'>Grp 1 - link 2</a><br>"
        + "<a href='link13.html' onclick='hideLayer(BrugerLayer,&quot;bruger&quot;);'>Grp 1 - link 3</a><br>"
        + "</td>"
        + "</tr>"
        + "</table>"
        + "</td>"
        + "</tr>"
        + "</table>"
        + "</LAYER>"
        + "</div>"
        + "<div id='LinksLayer' class='LayerOff' onmouseover='showLayer(LinksLayer,&quot;links&quot;);' onmouseout='hideLayer(LinksLayer,&quot;links&quot);'>"
        + "<LAYER onmouseover='showLayer(LinksLayer,&quot;links&quot;);' onmouseout='hideLayer(LinksLayer,&quot;links&quot);'>"
        + "<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,&quot;links&quot);'>Grp 2 - link 1</a><br>"
        + "<a href='link22.html' onclick='hideLayer(LinksLayer,&quot;links&quot);'>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'>&nbsp;</td>"
        + "</tr>"
        + "<tr>"
        + "<td width='147'><a href='link11.html' onmouseover='showLayer(BrugerLayer,&quot;bruger&quot;);' onmouseout='hideLayer(BrugerLayer, &quot;bruger&quot;);'><img src='bruger_off.gif' width='147' height='20' border='0' name='bruger'></a></td>"
        + "</tr>"
        + "<tr>"
        + "<td width='147' height='10'>&nbsp;</td>"
        + "</tr>"
          + "<tr>"
        + "<td width='147'><a href='link21.html' onmouseover='showLayer(LinksLayer,&quot;links&quot;);' onmouseout='hideLayer(LinksLayer,&quot;links&quot;)'><img src='links_off.gif' width='147' height='20' border='0' name='links'></a></td>"
        + "</tr>"       
        + "</table>";

        return MenuStr;
}
Avatar billede beyer Nybegynder
14. februar 2002 - 15:38 #1
Nå, nu har jeg klaret ærterne selv.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester