JavaScript: Toggle der Anzeige in einer Zeile
Jeder, der eine Website mit ein Wenig Interaktivität versehen möchte kennt es:
Das Auf- bzw. Zuklappen von Elementen via JavaScript.
Zum Beispiel das folgende Rechteck [-]:
Es kann, ganz einfach durch Klick ein- bzw. ausgeblendet werden. Alles dafür notwendige steht im “onclick”-Tag des Links, der zwischen den eckigen Klammern steht:
document.getElementById(‘rectangle’).style.display=
(document.getElementById(‘rectangle’).style.display==’block’?'none’:'block’);
(natürlich ohne den Umbruch, der hier leider notwendig ist)
Was daran so interessant ist?
Es ist keine weitere Funktion nötig, um dieses Togglen zu erreichen. Einzig um den Text zu ändern nutze ich eine andere Funktion:
document.getElementById(‘toggle’).innerHTML=
(document.getElementById(‘rectangle’).style.display==’block’?'-’:'+’)
Das stellt – finde ich zumindest – eine viel bessere Art da, Dinge mit JavaScript zu toggeln.
Dieser Eintrag wurde am Mittwoch, 9. September 2009 um 17:36 verfasst und in Howto, Programmierung eingeordnet. Sie können die Antworten mit diesem RSS 2.0 Feed verfolgen. Sie können einen Kommentar verfassen, oder einen Trackback von Ihrer Website verlinken.
English