Hallo,
hab mich jetzt erstmal registriert, um das Gastdasein zu beenden!
... und gleich (mal wieder) eine Frage zu dem Flur-Menü auf meiner Seite.
Es handelt sich um einen Flur, dessen Türen als Links zu den Unterseiten dienen.
Wenn man eine Tür mit der Maus überfährt, soll ein Popup erscheinen auf dem dann "Badezimmer" oder sonstwas steht.
Hab dafür ein Script im Internet gefunden, aber das macht irgendwie noch Zicken, je nach Browser!
Im IE klappts
Im Opera haben die Popups plötzlich weiße Ränder, aber damit könnte ich notfalls leben
Netscape und Firefox zeigen das Popup immer oben links in der Ecke an und das "AnDerMausKleben" klappt nich!
Ich verstehe zwar so halbwegs, was das Script wo macht, aber was die einzelnen Browser wo stört bin ich wirklich ahnungslos!
Meinen Flur kann man sich hier angucken (halt nur so richtig im IE)
http://lunikell.lu.funpic.de/gross/gpages/gflur.php
Und das Script sieht so aus:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
[b]<STYLE TYPE="text/css">
<!--
#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
//-->
</STYLE>[/b]
</head>
<body>
<DIV ID="dek"></DIV>
<SCRIPT TYPE="text/javascript">
<!--
Xoffset=-20; // modify these values to ...
Yoffset= 20; // change the popup position.
var old,skn,iex=(document.all),yyy=-1000;
var ns4=document.layers
var ns7=document.getElementById&&!document.all
var ie4=document.all
if (ns4)
skn=document.dek
else if (ns7)
skn=document.getElementById("dek").style
else if (ie4)
skn=document.all.dek.style
if(ns4)document.captureEvents(Event.MOUSEMOVE);
else{
skn.visibility="visible"
skn.display="none"
}
document.onmousemove=get_mouse;
function popup(msg,bak){
var content="<TABLE WIDTH=50 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+
"BGCOLOR="+bak+"><TD ALIGN=center><FONT COLOR=black SIZE=2>"+msg+"</FONT></TD></TABLE>";
yyy=Yoffset;
if(ns4){skn.document.write(content);skn.document.close();skn.visibility="visible"}
if(ns6){document.getElementById("dek").innerHTML=content;skn.display=''}
if(ie4){document.all("dek").innerHTML=content;skn.display=''}
}
function get_mouse(e){
var x=(ns4||ns7)?e.pageX:event.x+document.body.scrollLeft;
skn.left=x+Xoffset;
var y=(ns4||ns7)?e.pageY:event.y+document.body.scrollTop;
skn.top=y+yyy;
}
function kill(){
yyy=-1000;
if(ns4){skn.visibility="hidden";}
else if (ns7||ie4)
skn.display="none"
}
//-->
</SCRIPT>
<--und hier wirds dann eingefügt-->
<map name="flur1">
<area shape="POLY" coords="67,409,67,85,129,104,129,363" alt=""
href="#"
ONMOUSEOVER="popup('Badezimmer','#0080FF')";
ONMOUSEOUT="kill()"
onFocus="blur();">
(...)
</map>
(...)
</body>
</html>
Wäre toll, wenn mir jemand helfen könnte...
Viele Grüße
Nicki
