✔ tooltip - text an function übergeben

S

spike7899

Grünschnabel
Hallo Community,
ich habe mal eine farge bzw. problem

Code: 
<script>
<!--
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 + 0) + "px";
	}
}

function showWMTT(id) {
	wmtt = document.getElementById(id);
	wmtt.style.display = "block"
}

function hideWMTT() {
	wmtt.style.display = "none";
}
//-->
</script>
<body>

<div class="tooltip" id="1">
	Dies ist unser erster Tooltip mit einem langen text......
</div>
<a href="#" onMouseOver="showWMTT('1')" onMouseOut="hideWMTT()">
Unser Link
</a>

ich will denn text aber per function übergeben,damit ich diese divs loswerden, weil wenn ich 100 links habe mit tooltip müsste ich 100divs erstellen und das will ich nicht. Deswegen wollte ich einfach den text der in der box stehen soll per function übergeben.
Ich weiß abe rnicht genau wie ich da smachen soll.

Hoffe ihr könnt mir helfen!!

Danke
 
so sollte es gehen:
Code: 
<script type="text/javascript">
<!--

document.onmousemove = updateWMTT;

function updateWMTT(e) 
{
  try{wmtt= document.getElementById('tooltip');}
  catch(e){return true;}
  
	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 + 0) + "px";
	}
}

function showWMTT(txt) 
{
	if(typeof wmtt!='undefined')
	  {
	    wmtt.firstChild.data=txt;
	    wmtt.style.display = "block"
	  }
	 
}

function hideWMTT() 
{
	if(typeof wmtt!='undefined')
	  {
	    wmtt.style.display = "none"
	  }
}

//-->
</script>
<style type="text/css">
#tooltip{position:absolute; display:none; width:100px;border:1px solid #000;background:#c1c1c1;}
</style>
<body>

<div class="tooltip" id="tooltip">&nbsp;</div>
<a href="#" onMouseOver="showWMTT('tooltipptext')" onMouseOut="hideWMTT()">
Unser Link
</a><br />
<a href="#" onMouseOver="showWMTT('anderer tooltipptext')" onMouseOut="hideWMTT()">
Unser Link
</a>
 
Dann klicke zum Abschluß bitte auch auf den "Status"-Button, um das Thema als erledigt zu markieren.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück