Ich hab einen javascript. der soll an der maus einfach einen div anzeigen. wenn ich folgenden code einfach in ein html datei packe macht der alles wunderbar richtig!
wenn ich es aber in phpbb3 einbinde führt er einfach:
document.getElementById('infobox').style.left = (PositionX+offsetx);
document.getElementById('infobox').style.top = (PositionY+offsety);
nicht aus.
die visibility und den txt übergibt er einwandfrei.
Ich hab jetzt sogar alle andere Javascripte rausgeschmissen weil ich dachte die stören. geht leider immer noch nicht. Wo ran könnte es liegen?
ANMERKUNG: Ich will nicht das jemand fremd code supportet. nur ein hinweis was es verhindert. Scheint irgendwie an phpbb oder irgendeiner internen einstellung zu liegen.
p.s.:
ohne Phpbb Funktioniert der code im IE(untouched) und Firefox(noscript (freigeschaltet), adblockplus, firebug) einwandfrei. Mit phpbb umgebung nicht.
Firebug meldet auch nichts. Ich kann eben nur wunderbar beobachten wie sich left und top umwandeln, ohne phpbb, und mit phpbb sich nur visibility und der text ändert.
Code: Alles auswählen
<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
var hfoffsetx=20
var hfoffsety=0
function InfoBoxAusblenden() {
document.getElementById('infobox').style.visibility = "hidden";
}
function InfoBoxAnzeigen(e,txt,offsetX,offsetY)
{
if (offsetX) {offsetx=offsetX;} else {offsetx=20;}
if (offsetY) {offsety=offsetY;} else {offsety=0;}
var PositionX = 0;
var PositionY = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY)
{
PositionX = e.pageX;
PositionY = e.pageY;
}
else if (e.clientX || e.clientY)
{
PositionX = e.clientX + document.body.scrollLeft;
PositionY = e.clientY + document.body.scrollTop;
}
document.getElementById("text").innerHTML=txt;
document.getElementById('infobox').style.left = (PositionX+offsetx);
document.getElementById('infobox').style.top = (PositionY+offsety);
document.getElementById('infobox').style.visibility = "visible";
}
// -->
</script>
<style type="text/css">
<!--
a.blau:link{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
color: #0000FF;
}
a.blau:visited {color:#0000FF;}
a.blau:hover{color:#FF007F;}
.infoText {
background-color:#F9FCFF;
border:8px solid #0090E0;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#5F5F5F;
padding:15px;
}
-->
</style>
</head>
<body>
<!-- Anfang DIV-Layer -->
<div id="infobox" style="position:absolute; left:180px; top:25px ;z-index:100; visibility:hidden;">
<!-- Formatierung: Tabellenrand Hintergrundfarbe Schrift -->
<p class="infoText"><span id="text"></span></P>
</div>
<!-- Ende DIV-Layer -->
<a id="infobox" onmouseover="InfoBoxAnzeigen(event,'TEST',20,-40);" onmouseout="InfoBoxAusblenden();" href="javascript:void(0)"><img src="bildurl" width="120" height="90" border="0" alt=""></a><br>
</body>
</html>
