Martin Speiser: MS - DHTML

Beitrag lesen

Hi Paule!

Ach, jetzt komm ich mit. Dich interessiert nicht insertAdjacentHTML, sondern wie die das mit "Show Example" und "Hide Example" machen. Das geht eigentlich ganz einfach. Du legst den zu versteckenden Bereich in ein umschließendes Element. Ob das nun ein SPAN, ein DIV oder TR ist, ist egal. Dieses Element kriegt den Style display:none. Dann brauchst du noch was zum Draufklicken, und eine kleine Javascript-Funktion, die den Style auf display:visible setzt. In der Funktion kannst du auch den Text des Klick-Elements austauschen. Das ist Alles.

Ich mach das immer mit Tabellenzeilen, und zum Auf- und Zuklappen eine Tabellenzeile mit einem + oder -, wie im Windows-Explorer.

Gruß,
Martin