Probleme mit node

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


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>
 
Hallo, danke für die schnelle Antwort.

Ich habe also jetzt den Toolstips alle den namen "tooltips" angehängt und möchte diese jetzt mit:

Code:
document.getElementById("tooltips").getElementsByName("tooltips")[1].style.display = "none";

verschwinden lassen. Diese so alle anzusprechen scheint so allerdings nicht zu funktionieren?!
 
Hi,

das node-Objekt hat keine Methode getElementsByName.

Knoten auswählen mit:

Javascript:
var knoten = document.getElementsByName("tooltips");

und dann mit einer Schleife durchlaufen.

LG
 
Zuletzt bearbeitet von einem Moderator:
Hi,

das node-Objekt hat keine Methode getElementsByName.

Knoten auswählen mit:

Javascript:
var knoten = document.getElementsByName("tooltips");

und dann mit einer Schleife durchlaufen.

LG

:-)
DIVs haben kein Attribut "name"

Mein Vorschlach:
alle childNodes von #tooltips durchlaufen, ist der tagName "DIV"(oder der className "tooltip")...dann Selbigen ausblenden
 
Zuletzt bearbeitet von einem Moderator:

Neue Beiträge

Zurück