Avatar billede erik Nybegynder
01. juli 2001 - 15:15 Der er 16 kommentarer og
1 løsning

Problemer med at styre lag i NS6.0

Jeg har lidt problemer med at styre et lag (ved mouseover) i NS6.0, jeg er lidt en Newbie i Javascript, så det ville være rart med en lille guidance:)

Jeg har noget gammelt script, der virker OK i NS4.5 - 4.7, men hvad er der sket i forbindelse med 6.0 \' eren der gør at det ikke er kombatibelt med de gamle ver.



Avatar billede nikolajdu Nybegynder
01. juli 2001 - 15:16 #1
Netscape 6.0 bruger ikke document.layers, men document.getElementById - Dette skal ændres, men vi kan jo ikke gøre det før du poster et link eller noget kode.
Avatar billede erik Nybegynder
01. juli 2001 - 15:19 #2
else if (is.ns4 || is.ns5)

er mit tjek på browseren, kan det være det??

Avatar billede nikolajdu Nybegynder
01. juli 2001 - 15:20 #3
Nope, men det er en del af det.

Hvis ikke du smider koden er det omsomst at hjælpe dig, da vi ellers skal sidde og forsøge at gætte os til hvordan lige dit script er opbygget.
Avatar billede erik Nybegynder
01. juli 2001 - 15:21 #4
--> nikolajdu 
det lyder meget sandsynligt:)

jeg er som sagt ikke hjernedødt inde i javascript, men er det muligt at der bare skal ændres den lille stum kode og så sættes en tjek på

else if (is.ns6)

og så skal alle dokument.layers ændres til document.getElementById ?
Avatar billede erik Nybegynder
01. juli 2001 - 15:21 #5
<html>
<head>
<title>Dansk Psykiatrisk Selskab</title>
<meta NAME=\"description\" CONTENT=\"Dansk Psykiatrisk Selskab\'s hjemmeside\">
<meta NAME=\"keywords\" CONTENT=\"stikord - ord til søgemaskiner\">
<meta NAME=\"robots\" CONTENT=\"ALL\">
<meta NAME=\"rating\" CONTENT=\"General\">
<meta NAME=\"robots\" CONTENT=\"index,follow\">
<meta NAME=\"revisit-after\" CONTENT=\"7 days\">
<meta NAME=\"distribution\" CONTENT=\"global\">
<meta http-equiv=\"content-type\" content=\"text/html;charset=iso-8859-1\">
<!--<link rel=\"stylesheet\" type=\"text/css\" href=\"scripts/general.css\">-->
<script language=\"JavaScript\" src=\"css/css.js\"></script>
<script language=\"JavaScript\" src=\"js/browser.js\"></script>
<script language=\"JavaScript\" src=\"js/menu_function.js\"></script>
<script language=\"JavaScript\" src=\"js/netscape_css_fix.js\"></script>

<script language=\"JavaScript\">
var n=(document.layers) ? 1:0;    // NS eller IE ?
var offTimer=0;
var last = \"menuBjaelke1\";

function skiftFarver() {
    if (is.ie) {
        document[\'leftColorImg\'].src = \"gfx/farver/BE6913.gif\";
        document[\'rightColorImg\'].src = \"gfx/farver/DB9A03.gif\";
       
        parent.menu_b.document[\'leftColorImg\'].src = \"gfx/farver/D9870C.gif\";
        parent.menu_b.document[\'rightColorImg\'].src = \"gfx/farver/DEB713.gif\";
    } else if (is.ns4 || is.ns5) {
        document.layers[\'leftColor\'].document[\'leftColorImg\'].src = \"gfx/farver/BE6913.gif\";
        document.layers[\'rightColor\'].document[\'rightColorImg\'].src = \"gfx/farver/DB9A03.gif\";
       
        parent.menu_b.document.layers[\'leftColor\'].document[\'leftColorImg\'].src = \"gfx/farver/D9870C.gif\";
        parent.menu_b.document.layers[\'rightColor\'].document[\'rightColorImg\'].src = \"gfx/farver/DEB713.gif\";
    }
}

function chgContent(a,b) {
    parent.indhold.location.href = \"frameset_inner.asp?layout=2&menuType=2&pageid=\" + a + \",\" + b + \"\";
    activeIndex=a;
    activeSubIndex=b;
    showActive()
}




</script>

<style type=\"text/css\">
TD { font-size: 7pt; }
        .tbl { Z-INDEX: 1; }
       
        #leftColor {position: absolute; left: 0px; top: 0px; width:114px; }
        #rightColor {position: absolute; left: 114px; top: 0px; width:124px; }
    </style>
</head>
<body bgcolor=\"#BE6913\" leftmargin=\"0\" rightmargin=\"0\" topmargin=\"0\" bottommargin=\"0\" marginwidth=\"0\" marginheight=\"0\" onLoad=\"skiftFarver(); setRunning();\" link=\"#ffffff\" vlink=\"#ffffff\" alink=\"#ffffff\">
<div id=\"leftColor\"><img src=\"gfx/dot.gif\" width=\"14\" height=\"1000\" name=\"leftColorImg\" border=\"0\"></div>
<div id=\"rightColor\"><img src=\"gfx/dot.gif\" width=\"121\" height=\"1000\" name=\"rightColorImg\" border=\"0\"></div>

<style TYPE=\"text/css\">
#billede {position: absolute; left: 2px; top: 233px; }
    #menuHeader {position: absolute; left: 0px; top: 35px; width:114; text-align: right; }
</style>
<div id=\"billede\"><img src=\"gfx/nyh.jpg\" width=\"200\" height=\"338\"></div>

<div id=\"menuHeader\"><a name=\"#toppen\" class=\"menuOverskrift\"><u>NYHEDER</u>&nbsp;</a></div>
<div ID=\"menuLayer1\" style=\"VISIBILITY: visible; Z-INDEX: 3\"><a href=\"#\" onMouseOver=\"turnOff(); rmDelay();\" onmouseout=\"offDelay();\" onclick=\"chgContent(1,0);\" onfocus=\"this.blur();\" class=\"menuLeft\"><b>SENESTE</b></a><img src=\"gfx/hpil0.gif\" name=\"menuImg1\" WIDTH=\"8\" HEIGHT=\"7\"></div>
<div ID=\"menuLayer2\" style=\"VISIBILITY: visible; Z-INDEX: 4\"><a href=\"#\" onMouseOver=\"turnOff();turnOn(2); rmDelay();\" onmouseout=\"offDelay();\" onclick=\"chgContent(2,0);\" onfocus=\"this.blur();\" class=\"menuLeft\"><b>ARKIVEREDE</b></a><img src=\"gfx/hpil0.gif\" name=\"menuImg2\" WIDTH=\"8\" HEIGHT=\"7\"></div>
</body>

<div id=\"menuBjaelke1\" class=\"undermenu\"></div>
<div id=\"menuBjaelke2\" class=\"undermenu\">
<!-- <img src=\"gfx/pil0.gif\" name=\"menu21\"><a href=\"#\" onmouseover=\"shiftmnu(\'21\',1); rmDelay();\" onmouseout=\"shiftmnu(\'21\',0); offDelay();\" onclick=\"chgContent(2,0);\" onfocus=\"this.blur();\" class=\"menuLeft\">Alle nyheder</a> -->
</div>
<div id=\"menuBjaelke3\" class=\"undermenu\">
<img src=\"gfx/pil0.gif\" name=\"menu31\" WIDTH=\"6\" HEIGHT=\"7\"><a href=\"#\" onmouseover=\"shiftmnu(\'31\',1); rmDelay();\" onmouseout=\"shiftmnu(\'31\',0); offDelay();\" onclick=\"chgContent(2,0);\" onfocus=\"this.blur();\" class=\"menuLeft\">Få en e-mail når<br><img src=\"gfx/pil0.gif\" border=\"0\" WIDTH=\"6\" HEIGHT=\"7\">nyhedssiden<br><img src=\"gfx/pil0.gif\" border=\"0\" WIDTH=\"6\" HEIGHT=\"7\">opdateres</a>
</div>

<!--<script language=\"javascript\">init(2); changecolorsheme(2); showActive();</script>-->

</body>
</html>

Avatar billede erik Nybegynder
01. juli 2001 - 15:22 #6
<script language=\"JavaScript\">
var n=(document.layers) ? 1:0;    // NS eller IE ?
var offTimer=0;
var last = \"menuBjaelke1\";

function skiftFarver() {
    if (is.ie) {
        document[\'leftColorImg\'].src = \"gfx/farver/BE6913.gif\";
        document[\'rightColorImg\'].src = \"gfx/farver/DB9A03.gif\";
       
        parent.menu_b.document[\'leftColorImg\'].src = \"gfx/farver/D9870C.gif\";
        parent.menu_b.document[\'rightColorImg\'].src = \"gfx/farver/DEB713.gif\";
    } else if (is.ns4 || is.ns5) {
        document.layers[\'leftColor\'].document[\'leftColorImg\'].src = \"gfx/farver/BE6913.gif\";
        document.layers[\'rightColor\'].document[\'rightColorImg\'].src = \"gfx/farver/DB9A03.gif\";
       
        parent.menu_b.document.layers[\'leftColor\'].document[\'leftColorImg\'].src = \"gfx/farver/D9870C.gif\";
        parent.menu_b.document.layers[\'rightColor\'].document[\'rightColorImg\'].src = \"gfx/farver/DEB713.gif\";
    }
}

function chgContent(a,b) {
    parent.indhold.location.href = \"frameset_inner.asp?layout=2&menuType=2&pageid=\" + a + \",\" + b + \"\";
    activeIndex=a;
    activeSubIndex=b;
    showActive()
}




</script>
Avatar billede nikolajdu Nybegynder
01. juli 2001 - 15:22 #7
Nej de skal ikke ændres til getElementById - Du skal have begge med for at det kan virke i begge browsere.
Avatar billede nikolajdu Nybegynder
01. juli 2001 - 15:22 #8
Kigger lige på det.
Avatar billede erik Nybegynder
01. juli 2001 - 15:25 #9
Jeg tror egentligt at jeg pastede det forkerte, det her ser ud som om det styrer farverne, jeg tjekker lige, den funktion der ikke virker er :

<div id=\"menuBjaelke3\" class=\"undermenu\">


de lag vises ikke når der er mouse over!
Avatar billede nikolajdu Nybegynder
01. juli 2001 - 15:26 #10
Prøv at poste resten af javaScript filerne. Uden dem er jeg lidt på herrens mark. :-)
Avatar billede erik Nybegynder
01. juli 2001 - 15:31 #11
Jeg tror egentligt at jeg har fået styr på det, (mærkeligt nok, jeg testede lidt med dokument.getelementbyID og vupti, så begyndte noget af det og virke)

tak for hjælpen, jeg håber at jeg kan klare resten af det selv,

post lige et svar, så får du nogle points!
Avatar billede nikolajdu Nybegynder
01. juli 2001 - 15:34 #12
oki.

Denne tjekker for getElementById, der bruges i Netscape 6.0 og IE 5.5. Du kan dog få brug for at splitte det op i NS og IE.

var n6IE55= (document.getElementById) ? true:false;

Så bliver dit tidligere script til noget ala.

else if (n6IE55){
    alert(\'n6IE55\');
    parent.menu_b.document.getElementById[\'leftColor\'].document[\'leftColorImg\'].src = \"gfx/farver/D9870C.gif\";
    parent.menu_b.document.getElementById[\'rightColor\'].document[\'rightColorImg\'].src = \"gfx/farver/DEB713.gif\";
        }

Du må spørge igen hvis du får problemer.

/Nikolaj
Avatar billede nikolajdu Nybegynder
01. juli 2001 - 15:35 #13
alert(n6IE55) skal fjernes - det var bare til test
Avatar billede nikolajdu Nybegynder
01. juli 2001 - 15:35 #14
Men giv mig nu ikke alle 300 - Bare en lille sum så er jeg tilfreds.
Avatar billede nikolajdu Nybegynder
01. juli 2001 - 15:37 #15
Vil du ikke have nogle af dem tilbage - Har jo praktisk talt ikke foretaget mig noget
Avatar billede erik Nybegynder
01. juli 2001 - 15:43 #16
Jeg spørger bare i dette spgm, så får du sikert en mail : )
Avatar billede nikolajdu Nybegynder
01. juli 2001 - 15:44 #17
Ok.
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