


/* Einfache Layerfunktionen, die mit allen Browsern funktionieren */

function brtest() {
if (navigator.userAgent.indexOf("Opera")>=0) {
 br=4;
 alert("Achtung: Ihr Browser zeigt die Seite nur korrekt an, wenn er sich als IE5 ausgibt!");
 }
else if (document.layers) br=1; //NS4 mit Layern
else if (document.documentElement) br=2;  //DOM fähig
else if (document.all) br=3; //IE mit All
else  {
  alert("Ihr Browser ist zu alt für diese Seite");
  location.replace("einfach.html");
 }
}

function objHide(objId) {
if (document.getElementById)
  document.getElementById(objId).style.visibility = "hidden";
else if (document.layers)
  document.layers[objId].visibility = "hidden";
else if (document.all)
  document.all[objId].style.visibility = "hidden";
}

function objShow(objId) {
if (document.getElementById)
  document.getElementById(objId).style.visibility = "visible";
else if (document.layers)
  document.layers[objId].visibility = "visible";
else if (document.all)
  document.all[objId].style.visibility = "visible";
}

function objPos(objId,xwert,ywert) {
if (document.documentElement) {
document.getElementById(objId).style.top=ywert+"px";
document.getElementById(objId).style.left=xwert+"px";
}
else if (document.layers) {
document.layers[objId].top=ywert;
document.layers[objId].left=xwert;
}
else if (document.all) {
 document.all[objId].style.pixelTop=ywert;
 document.all[objId].style.pixelLeft=xwert;
 }
}

//Damit können wie im Beispiel, das auf der HTML-Seite eingebunden werden muss
//Layer verschoben oder versteckt und angezeigt werden
//<body onload="brtest()">
//<div id="objekt1" class="irgendwas"><img src="cobra.jpg"><br>Ich bin ein Layer.</div>
//<h3>Elementare DHTML-Routinen - die auch in NS 6 und Opera ab 4 funktionieren</h3>
//<input type="button" value="x=200,y=0" id="button1" onClick="objPos('objekt1',200,1)"> nach oben rechts<br>
//<input type="button" value="x=1;y=200" id="button2" onClick="objPos('objekt1',0,200)"> nach unten links<br>
//<input type="button" value="verstecke" id="button3" onClick="objHide('objekt1')"> Verstecke den Layer<br>
//<input type="button" value="zeige es" id="button4" onClick="objShow('objekt1')"> Zeige den Layer


