flo: ToolTip bei MouseOver

Beitrag lesen

Hallo Elayna !

Habe hier ein kleines Code-Beispiel !

------------------------------------------------------------------
<html>
<title>blabla</title>
<head>
<style>
.BubbleClass { text-color: #000000; background-color: #ffff80; }
#bubble{ position: absolute; left: 145px; top:  0px; height:10px; visiblity: hidden; z-index:10; }
</style>
<script language="JavaScript">
<!--
var mx=0;
var my=0;
isNetscape = false;
function watch_mouse(e)
{
if (isNetscape)
{
mx = e.x;
my = e.y;
}
else
{
mx = window.event.x;
my = window.event.y;
}
}

function ShowBubble(text)
{
if (isNetscape)
{
with (document.bubble.document)
{
open();
write("<span class='BubbleClass'>" + text +"</span>");
close();
}
document.bubble.left = mx;
document.bubble.top  = my +10;
document.bubble.visibility = "SHOW";
}
else
{

bubble.style.left = mx;
bubble.style.top  = my +10;
document.all.bubble.innerHTML = "<table border=0><tr><td><span class='BubbleClass'>" + text +"</span></td></tr></table>";

bubble.style.visibility = "visible";
}
}

function HideBubble()
{
if (isNetscape)
{
document.bubble.visibility = "HIDE";
}
else
{
bubble.style.visibility = "hidden";

}
}

function init()
{
if (navigator.appName =="Netscape") {
isNetscape = true;
}
BrowserVar = parseFloat(navigator.appVersion);
if (BrowserVar < 4)
{
return;
}

if (isNetscape)
{
document.captureEvents(Event.MOUSEMOVE);
}

document.onmousemove = watch_mouse;
HideBubble();
}

function dummy()
{
}

//--->
</script>
</head>
<body onload="init()">
<ol>
  <div id="bubble"><p>..... </p>
  </div><p align="center">wenn man mit der Maus über diesen <a
  onmouseover="ShowBubble('hier geht es zur SELF HTML aktuell')" onmouseout="HideBubble()"
  href="http://selfaktuell.teamone.de/">Link</a> geht, dann erscheint eine Zusatzinformation<br>
  </p>
</ol>
</body>
</html>

--------------------------------------------------------------------

Hoffe das hilft weiter.

Grüsse

Flo