powtac: Wie Layer Inhalt dynamisch ändern? (Für Mouseover-Hilfe)

Beitrag lesen

SELF-Forum

Wie Layer Inhalt dynamisch ändern? (Für Mouseover-Hilfe)

powtac
– Informationen zu den Bewertungsregeln

Habs geschafft mit innerHtml!
So jetzt habe ich erstmal eine Version für IE...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>Test</title>
<script language="JScript" type="text/jscript">
<!--
 function setHelpText(text)
 {
  document.all.HelpLayer.innerHTML = text;
  document.all.HelpLayer.style.visibility = "visible";
 }

function setHelpPos()
 {
  document.all.HelpLayer.style.left = window.event.x;
  document.all.HelpLayer.style.top = window.event.y;
 }

function closeHelp()
 {
  window.document.all.HelpLayer.style.visibility = "hidden";
 }
//-->
</script>
</head><body>
<div id="HelpLayer" style="visibility:hidden; position:absolute; width:200px; height:100px; font-size:14pt; background-color:#000066; color:#FFFF00; padding:5px;">
<tt>Layer original Text</tt>
</div>
<span style="color:green" OnMouseOver="setHelpText('Hilfe zu ersten')" onMouseMove="setHelpPos()" onMouseOut="closeHelp()">1. Hier mit der Maus drüber!</span><br><br>
<span style="color:green" OnMouseOver="setHelpText('Hilfe zu zweitens')" onMouseMove="setHelpPos()" onMouseOut="closeHelp()">2. Hier mit der Maus drüber!</span><br><br>
<span style="color:green" OnMouseOver="setHelpText('und drittens')" onMouseMove="setHelpPos()" onMouseOut="closeHelp()">3. Hier mit der Maus drüber!</span>
</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln