daflowjoe
Mitglied
Hi all
ich versuche gerade eine Tooltipfunktion zu schreiben, die vorgenerierte Tooltips an die Mauszeigerposition rückt. Alles super bislang. Jetzt möchte ich allerdings alle Tooltips auf display="none" setzen, aber ich finde einfach keine Lösung, wie ich auf die einzelnen Knoten zugreifen kann bzw alle auf none setzen kann. Einzeln ist das kein Problem, da kann ich ja mittels der ID´s zugreifen, aber global?
Hat jemand eine Idee?
Danke schonmal im Vorraus :9
Gruss Joe
ich versuche gerade eine Tooltipfunktion zu schreiben, die vorgenerierte Tooltips an die Mauszeigerposition rückt. Alles super bislang. Jetzt möchte ich allerdings alle Tooltips auf display="none" setzen, aber ich finde einfach keine Lösung, wie ich auf die einzelnen Knoten zugreifen kann bzw alle auf none setzen kann. Einzeln ist das kein Problem, da kann ich ja mittels der ID´s zugreifen, aber global?
Hat jemand eine Idee?
Danke schonmal im Vorraus :9
Gruss Joe
Code:
<div id="tooltips" class="tooltips">
<div class="tooltip" id="tip">
<div class="tooltip_head" id="tooltip_blubb_head" >Hier Titel<a href="javascript: closeTooltip('blubb', 'stay')">X</a></div>
<div class="tooltip_content" id="tooltip_blubb_content">Hier Inhalt</div>
</div>
<div class="tooltip" id="tooltip_blubb2">
<div class="tooltip_head" id="tooltip_blubb_head" >Hier Titel<a href="javascript: closeTooltip('blubb2', 'stay')">X</a></div>
<div class="tooltip_content" id="tooltip_blubb_content">Hier Inhalt</div>
</div>
<div class="tooltip" id="tooltip_blubb3">
<div class="tooltip_head" id="tooltip_blubb_head" >Hier Titel<a href="javascript: closeTooltip('blubb3', 'stay')">X</a></div>
<div class="tooltip_content" id="tooltip_blubb_content">Hier Inhalt</div>
</div>
<div class="tooltip" id="tooltip_blubb4">
<div class="tooltip_head" id="tooltip_blubb_head" >Hier Titel<a href="javascript: closeTooltip('blubb4', 'stay')">X</a></div>
<div class="tooltip_content" id="tooltip_blubb_content">Hier Inhalt</div>
</div>
</div>