Ein- und Ausblenden von Bereichen (1)
http://www.jomo.org/index.php/ein-und-ausblenden-von-bereichen-1
gedruckt am 04. Feb. 2012
gedruckt am 04. Feb. 2012
Mit Hilfe von JavaScript und CSS können Bereiche eine HTML- (oder PHP-)Seite ein- oder ausgeblendet werden. Dafür gibt es zwei Style-Eigenschaften: display (none oder block) und visibility (hidden oder visible).
Mit der Eigenschaft display wird ein Bereich eingeschoben. Wenn der Bereich nicht angezeigt wird, wird auch kein Platz für diesen Bereich verwendet. Anwendung findet diese Art des Einschiebens etwa ein Einfügen von Untermenüpunkten in einer vertikalen Menüführung (im linken oder rechten Seitenbereich) oder beim Einblenden von Detailtexten nach einem Vorspann, wenn die Seite nicht neu geladen werden soll.
Mit der Eigenschaft visibility wird ein Bereich sichtbar gemacht und über den darunter liegenden Text gelegt. Der folgende Bereich wird also nicht verschoben. Anwendung findet diese Art des Sichtbarmachens bei Pulldownmenüs (bei horizontaler oder vertikaler Menüführung) und bei Hinweistexten.
In den folgenden Artikeln wird jeweils eines dieser Konzepte anhand einer kleinen Anwendung genauer erklärt.
