Probleme bei display: none/block

xtc · 13. Januar 2005, 19:31

Servus Jungs,
Ich versuche die ganze Zeit ein JavaScript zu erstellen, dass folgendes macht:
Ich besitze z.B. 3 Links, die die 3 <div>-tags mit mit none/block steuern. Also "einzeigen" oder "verschwinden".
Ich will jetzt aber, dass wenn ich Link-1 klicke, der <div>-Tag-1 auf "block" schaltet, aber <div>-Tag-2 auf "none" und <div>-Tag-3 auch auf "none".
Und das immer so weiter (Link 2 => <div>-2 auf "block"; <div>-1 auf "none"; <div>-3 auf "none"; uws...)
Ich will sozusagen einen "switch"-Effekt erreichen, aber leider schaff ich das nicht zu programmieren.
Hoffentlich kann mir jemand dabei helfen, denn ich will diesen Effekt unbedingt haben.
Vielen Dank im Vorraus!
Gruss

wulfgang · 13. Januar 2005, 21:35

Hallo!
Hab ähnliches schon mal gemacht: Habe per Javascript/DOM CSS-Attribute dynamisch verändert. das lebende Beispiel siehst du auf <a href='http://www.kdn-hanau.de' target='_blank'>http://www.kdn-hanau.de</a> . Die linke Navigationsleiste hat einen über Javascript/DOM realisierten Mouseover-Effekt. Such im Quelltext mal nach den Javascript-Funktionen "over" und out". Die machen genau das was du haben willst. Musst nur andere Attribute verwenden, nämlich display. Und dann schau dir an wie sie aufgerufen werden. Über "this" wird das Element an die Funktion übergeben. Die Bezeichnung "nummer" für das Funktionsparameter (so nennt man das doch, oder?) ist ein Relikt aus alten Zeiten, wo ich die Nummer manuell - also nicht über "this" - übergeben hatte. Das sollte dich also nicht irritieren.

xtc · 14. Januar 2005, 18:21

Servus,
leider ist es nicht das, was ich suche....
Um es Plum auszudrücken, brauche ich ein Script, dass mit einem Klick alle <div>-Tags mit der anfangs id "flush_" auf 'display:none' umschaltet.
Kann mir jemand dabei helfen?
Gruss

wulfgang · 14. Januar 2005, 18:56

du kannst ja statt "id" "name" verwenden, also name="flush". und dann mit getElementsByName() arbeiten.
<a href='http://de.selfhtml.org/dhtml/modelle/dom.htm' target='_blank'>http://de.selfhtml.org/dhtml/modelle/dom.htm</a>
hilfreiche informationen

xtc · 14. Januar 2005, 19:13

du kannst ja statt "id" "name" verwenden, also name="flush". und dann mit getElementsByName() arbeiten.

Problem ist aber, dass "name" bei <div>-Tag nicht gilt.
Wenn das nur so einfach wäre....

wulfgang · 14. Januar 2005, 22:55

stimmt ja!
dann mach doch als id flush_1 und flush_2 usw.
dann kannst du mittels for-schleife und getElementById die dinger aufrufen. "flush_" + i
so in der art.

xtc · 15. Januar 2005, 15:48

Hi,
nach langer suche habe ich endlich das Script gefunden, dass ich brauche.

Es heißt:

Quellcode

function goMore(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("scroll").getElementsByTagName("div");
if(el.style.display != "block"){
for (var i=0; i<ar.length; i++){
if (ar[i].getElementsByTagName("a"))
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "block";
}
}
}

Alles anzeigen

Jedenfalls, Danke für die Hilfe!

Gruss

Probleme bei display: none/block

Quellcode

Teilen

Benutzer online 1

Tags