nicht angemeldet
das ist javascript
<!--Hier sind die einzelnenn Layer mit den Rollover-Bildern positioniert. Kannst du auch verändern oder ins externe sheet einbinden-->
<script language="JavaScript">
<!--
//made by LUKA netconsult GmbH und besonders von B.Kittelmann
//Browsersniffing je nach Script-Modell
//Opera 5.0 positioniert leicht falsch, deshalb abfragen
var opVer = navigator.userAgent.split("Opera");
opVer = parseFloat(opVer[opVer.length-1]);
var dom = (document.getElementById && !window.opera)?1:0;
var ie = (document.all && !dom)?1:0;
var ns = (document.layers)?1:0;
var opMajor = (window.opera && opVer >= 5.1)?1:0;
var opMinor = (window.opera && opVer < 5.1)?1:0;
//String der die für OperaMinor positionierten LayerIDs aufnimmt
var alreadyPositioned = "";
//Layer verstecken
function hideLayer(which){
if(dom) document.getElementById(which).style.visibility = 'hidden';
if(ie) document.all[which].style.visibility = 'hidden';
if(ns) document.layers['tisch'].document.layers[which].visibility = 'hidden';
if(opMajor || opMinor) document.getElementById(which).style.visibility = 'hidden';
}
//Layer anzeigen
function showLayer(which){
//alle Layer ausblenden, damit nicht zwei Divs gleichzeitig zu sehen sind
hideLayerAll();
if(dom || opMajor) document.getElementById(which).style.visibility = 'visible';
if(ie) document.all[which].style.visibility = 'visible';
if(ns) document.layers['tisch'].document.layers[which].visibility = 'show';
if(opMinor){
//Opera muss nachpositioniert werden - dazu wird der top von tisch gebraucht
if(alreadyPositioned.indexOf(which) < 0) {
document.getElementById(which).style.top = (document.getElementById(which).style.top - document.getElementById('tisch').style.top);
//die ID des Layers zu var alreadyPositioned hinzufuegen
alreadyPositioned += which;
}
document.getElementById(which).style.visibility = 'visible';
}
}
//Alle Layer ausblenden
function hideLayerAll(){
var layerArr = new Array('abo','actual','archiv','audio','contact','download','postcard','lamp','guestbook','stuhl','links');
for(i=0; i < layerArr.length; i++){
hideLayer(layerArr[i]);
}
}
//-->
</script>
</head>
<body bgcolor="white">
<!--Die Position des Divs "tisch" kannst du beliebig verändern-->
<div id="tisch" style="position:absolute; top:20px;">
<map name="navigation">
<area alt="Download Area" shape="poly" coords="252,158,257,158,268,129,231,115,221,137,221,146" href="download/index.php" target="start" onfocus="this.blur();" onmouseover="showLayer('download');">
<area alt="Aktuelle Ausgabe" shape="poly" coords="117,126,146,112,170,147,140,165" href="actual/actual/index.php" target="start" onfocus="this.blur();" onmouseover="showLayer('actual');">
<area alt="Abo Area" shape="poly" coords="171,84,195,93,214,97,213,99,223,102,225,102,227,101,229,95,240,66,243,61,238,47,235,29,220,22,197,21,187,36,177,47" href="abo/index.php" target="start" onfocus="this.blur();" onmouseover="showLayer('abo');">
<area alt="Kontakt" shape="poly" coords="137,72,139,91,160,90,162,86,159,71,167,67,167,60,160,58,131,62,129,68" href="contact/index.php" target="start" onfocus="this.blur();" onmouseover="showLayer('contact');">
<area alt="Audio Area" shape="poly" coords="71,125,85,111,120,144,106,158" href="audio/index.php" target="start" onfocus="this.blur();" onmouseover="showLayer('audio');">
<area alt="Postkarten verschicken" shape="poly" coords="102,115,114,123,115,123,130,104,136,100,136,96,138,93,126,83,115,93,104,101,105,106" href="postcard/index.php" target="start" onfocus="this.blur();" onmouseover="showLayer('postcard');">
<area alt="Gästebuch" shape="circle" coords="192,204,20" href="guestbook/index.php" target="_parent" onfocus="this.blur();" onmouseover="showLayer('guestbook');">
<area alt="Licht aus" shape="poly" coords="116,20,112,27,112,34,114,40,119,44,122,47,129,48,135,47,141,42,144,40,145,35,145,27,139,18,137,16,136,10,133,8,130,8,127,9,125,10,122,10,118,7,117,10,109,12,109,15" href="#" onfocus="this.blur();" onClick="window.open('lampe.php','lichtaus','fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=no,resizable=0,copyhistory=0');" onmouseover="showLayer('lamp');">
<area alt="Links Area" shape="poly" coords="146,45,159,38,164,42,175,43,168,58,154,55" href="links/index.php" target="start" onfocus="this.blur();" onmouseover="showLayer('links');">
<area alt="Archiv" shape="poly" coords="27,57,55,31,60,36,67,38,81,54,96,66,96,71,95,75,71,98,62,98,56,88" href="archiv/index.php" target="start" onfocus="this.blur();" onmouseover="showLayer('archiv');">
<area alt="Zurück zur Startseite" shape="poly" coords="111,178,112,188,107,192,106,199,108,204,118,210,119,215,121,215,124,212,139,216,150,216,157,214,164,223,171,217,165,212,170,208,168,199,170,190,177,185,178,175" href="start.php" target="start" onfocus="this.blur();" onmouseover="showLayer('stuhl');">
</map>
<img src="images/nav.jpg" width="300" height="228" alt="Navigation" border="0" usemap="#navigation">
<div id="abo"><img name="aboGif" src="images/abofloat.gif" width="80" height="86" border="0" alt="" usemap="#aboMap"><map name="aboMap">
<area href="abo/index.php" target="start" shape="POLY" coords="5, 64, 4, 41, 8, 24, 20, 12, 51, 1, 71, 8, 75, 31, 78, 48, 69, 71, 59, 84, 26, 75" onMouseOut="hideLayer('abo');" onfocus="this.blur();">
</map>
</div>