nicht angemeldet
Hallo Leute.
Ich habe mit der Navigation aus DHTML herumgespielt. Eigentlich funzt es.. aber ich erhalte die Fehlermeldung vom Browser
Zeile 191 (wahrscheinlich navigation.js?if (MS) getElem("tagname","body",0).onmousemove=MShandleMove;) Fehler 'undefined' ist Null oder kein Objekt
Ich glaube, ich habe den Überblick verloren! Auch ein Nachlesen half erst mal mir nicht weiter. Kann mich jemand auf den richtigen Weg führen?
.htm
<html> <head> <script type="text/javascript" src="js/navigation.js"></script> <script type="text/javascript"> </script> <title>Hauptfenster</title> <LINK REL="Stylesheet" TYPE="text/css" HREF="css/navigation.css"> </head> <body onLoad="Event_init()" bgcolor="#FFFFFF"> <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> <tr> <td align="right" valign="middle"> <a href="images/maria1a.jpg" onclick="plainWindow4();return false;" target="_blank"> <img src="images/maria1.jpg" width="90" height="113" alt="images/maria1a.jpg" title="Bild vergrössern"/> </a></td>
<td align="center" valign="middle" width="180"> <a href="images/juliaa.jpg" onclick="plainWindow2();return false;" target="_blank"> <img src="images/julia.jpg" width="100" heigth="100" alt="images/julia2a.jpg" title="Bild vergrössern"/> </a></td>
<td valign="middle" align="left"> <a href="images/helmut1.jpg" onclick="plainWindow5();return false;" target="_blank"> <img src="images/helmut2.jpg" width="85" height="122" alt="images/helmut1.jpg" title="Bild vergrössern"/> </a></td> </TR> </TABLE> <script language="JavaScript" src="js/plainWindow.js"></script> <div id="Nav">
<div id="NavLinks"> <style type="text/css"> <!-- a.nav:link { color:#000080; font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; } a.nav:visited { color:#000080; font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; } a.nav:hover { color:#FFFFFF; background-color:#000080; font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; } a.nav:active { color:#000080; font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; } --> </style> <p><a class="nav" href="maria.htm" title="Mein Profil"><b>Maria</a></b></p> <p><a class="nav" href="julia.htm" title="Mein Profil"><b>Julia</b></a></p> <p><a class="nav" href="helmut.htm" title="Mein Profil"><b>Helmut</b></a></p> </div> </div>
</body> </html>
navigation.js
<!-- var DHTML = 0, DOM = 0, MS = 0, NS = 0, OP = 0;
function DHTML_init() {
if (window.opera) { OP = 1; } if(document.getElementById) { DHTML = 1; DOM = 1; } if(document.all && !OP) { DHTML = 1; MS = 1; } if (window.netscape && window.screen && !DOM && !OP){ DHTML = 1; NS = 1; } }
function getElem(p1,p2,p3) { var Elem; if(DOM) { if(p1.toLowerCase()=="id") { if (typeof document.getElementById(p2) == "object") Elem = document.getElementById(p2); else Elem = void(0); return(Elem); } else if(p1.toLowerCase()=="name") { if (typeof document.getElementsByName(p2) == "object") Elem = document.getElementsByName(p2)[p3]; else Elem = void(0); return(Elem); } else if(p1.toLowerCase()=="tagname") { if (typeof document.getElementsByTagName(p2) == "object" || (OP && typeof document.getElementsByTagName(p2) == "function")) Elem = document.getElementsByTagName(p2)[p3]; else Elem = void(0); return(Elem); } else return void(0); } else if(MS) { if(p1.toLowerCase()=="id") { if (typeof document.all[p2] == "object") Elem = document.all[p2]; else Elem = void(0); return(Elem); } else if(p1.toLowerCase()=="tagname") { if (typeof document.all.tags(p2) == "object") Elem = document.all.tags(p2)[p3]; else Elem = void(0); return(Elem); } else if(p1.toLowerCase()=="name") { if (typeof document[p2] == "object") Elem = document[p2]; else Elem = void(0); return(Elem); } else return void(0); } else if(NS) { if(p1.toLowerCase()=="id" || p1.toLowerCase()=="name") { if (typeof document[p2] == "object") Elem = document[p2]; else Elem = void(0); return(Elem); } else if(p1.toLowerCase()=="index") { if (typeof document.layers[p2] == "object") Elem = document.layers[p2]; else Elem = void(0); return(Elem); } else return void(0); } }
function getCont(p1,p2,p3) { var Cont; if(DOM && getElem(p1,p2,p3) && getElem(p1,p2,p3).firstChild) { if(getElem(p1,p2,p3).firstChild.nodeType == 3) Cont = getElem(p1,p2,p3).firstChild.nodeValue; else Cont = ""; return(Cont); } else if(MS && getElem(p1,p2,p3)) { Cont = getElem(p1,p2,p3).innerText; return(Cont); } else return void(0); }
function getAttr(p1,p2,p3,p4) { var Attr; if((DOM || MS) && getElem(p1,p2,p3)) { Attr = getElem(p1,p2,p3).getAttribute(p4); return(Attr); } else if (NS && getElem(p1,p2)) { if (typeof getElem(p1,p2)[p3] == "object") Attr=getElem(p1,p2)[p3][p4] else Attr=getElem(p1,p2)[p4] return Attr; } else return void(0); }
function setCont(p1,p2,p3,p4) { if(DOM && getElem(p1,p2,p3) && getElem(p1,p2,p3).firstChild) getElem(p1,p2,p3).firstChild.nodeValue = p4; else if(MS && getElem(p1,p2,p3)) getElem(p1,p2,p3).innerText = p4; else if(NS && getElem(p1,p2,p3)) { getElem(p1,p2,p3).document.open(); getElem(p1,p2,p3).document.write(p4); getElem(p1,p2,p3).document.close(); } }
DHTML_init(); Event_init();
function Menue() { if(DOM) { if(MS) getElem("id","Nav",null).style.top = document.body.scrollTop + 50; else getElem("id","Nav",null).style.top = window.pageYOffset + 50; } if(DOM || MS) { if (!DOM) getElem("id","Nav",null).style.top = document.body.scrollTop + 50; if (OP) getElem("id","NavLinks",null).style.pixelTop = NavLinksPos; getElem("id","Nav",null).style.visibility = "visible"; } else if(NS) { getElem("id","Nav",null).visibility = "show"; getElem("id","Nav",null).top = window.pageYOffset + 50; } }
function noMenue() { if(DOM || MS) getElem("id","Nav",null).style.visibility = "hidden"; if(NS) getElem("id","Nav",null).visibility = "hide"; }
function handleMove(ev) { if(!MS) { Event = ev; if(Event.screenX < 270) Menue(); else if(Event.screenX > 420) noMenue(); } }
function MShandleMove() { if(MS) { if(window.event.clientX < 270) Menue(); else if(window.event.clientX > 420) noMenue(); } }
function Event_init() { if(DOM && !MS && !OP) { getElem("tagname","body",0).addEventListener("mousemove", handleMove, true); } if(NS) { document.captureEvents(Event.MOUSEMOVE); document.onmousemove=handleMove; } if (DOM && OP) { document.onmousemove=handleMove; NavLinksPos=42; //Position des Bereiches NavLinks getElem("id","NavLinks",null).style.pixelTop=NavLinksPos;
} if (MS) getElem("tagname","body",0).onmousemove=MShandleMove; }
//-->
navigation.css
<!-- body { margin-left:50px; margin-top:20px; margin-right:50px; } #Nav { position:absolute; top:50px; left:0px; padding:0px; visibility:hidden; margin:0px; } #NavLinks { position:absolute; top:42px; left:42px; padding:0px; } a.nav:link { color:#000080; font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; } a.nav:visited { color:#000080; font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; } a.nav:hover { color:#FFFFFF; background-color:#000080; font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; } a.nav:active { color:#000080; font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; } -->