nicht angemeldet
Hallo!
Also es geht um das Javascript Tooltip-Script von folgender Seite:
http://webmatze.de/webdesign/javascript/tooltips.htm
Ich verwende das Script mit Bild im Tooltip. Gibt es irgendwie eine möglichkeit das selbe Script 2 mal pro Seite zu verwenden?
Wenn ich die x und y Positionen ändere, wirkt sich das ja auf alle Tooltips auf der Seite aus. Also ich will dieses Tooltip-script auf der gleichen htmlseite mit verschiedenen x und y Positionen für die Bild-Tooltips verwenden.
Ich kenne mich bei java-script leider nicht gut aus.
Also das erste was ich versucht habe war mal einfach das komplette script zu kopieren und nochmals in die seite einzufügen. dann hab ich einfach im zweiten script versucht alle parameter bzw. funktionen umzuschreiben. also einfach überall ne 1 dahinter angehängt.
Funktioniert leider nicht wirklich.
Im folgenden mal das Script, so wie ich es zur Zeit verwende. Vielleicht ist jemand so nett und kann mir erklären wie man es "duplizieren" kann für die selbe html-seite?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>test</title>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
wmtt = null;
document.onmousemove = updateWMTT;
function updateWMTT(e)
{
x = (document.all) ? window.event.x + document.body.scrollLeft
: e.pageX;
y = (document.all) ? window.event.y + document.body.scrollTop
: e.pageY;
if (wmtt != null)
{
wmtt.style.left = (x + 20) + "px";
wmtt.style.top = (y + 20) + "px";
}
}
function showWMTT(id)
{
wmtt = document.getElementById(id);
wmtt.style.display = "block"
}
function hideWMTT()
{
wmtt.style.display = "none";
}
/*]]>*/
</script>
<style type="text/css">
/*<![CDATA[*/
.tooltip1
{
position: absolute;
display: none;
}
/*]]>*/
</style>
</head>
<body>
<div class="tooltip1" id="pic1"><img src="bild1.jpg" /></div>
<a href="#" onMouseOver="showWMTT('pic1')" onMouseOut="hideWMTT()"><img src="bild2.jpg" width="142" height="51"></a><br /><br />
</body>
</html>