2.5.9 Unsichtbare Elemente (invisible elements)

1 Allgemein

a) Prinzip und Bezeichnungen

Mit visibility: kann bestimmt werden, ob ein Element anfangs angezeigt wird oder nicht.
Folgende Angaben sind möglich:

• visible = sichtbar = Der Inhalt des Element wird zunächst angezeigt (Normaleinstellung)
• hidden = versteckt = Der Inhalt des Element wird versteckt (nicht angezeigt)
  resp. kann mit einem JavaScript-Befehl dynamisch nachgeholt werden

b) Workshops

• W3Schools: Beispiel: How to make an element invisible

2 Text sichtbar

a) Prinzip: Text sichtbar ist Standardeinstellung (auch ohne Attribut)

b) Beispiel

<p style="visibility:visible">
Dieser Text ist sichtbar
(die Angabe des Styles wäre hier nicht notwendig)
</p>

Dieser Text ist sichtbar (die Angabe des Styles wäre hier nicht notwendig)

3 Text unsichtbar

a) Syntax: <p style="visibility:hidden">...</p>

b) Beispiel

<p style="visibility:hidden">
 Dieser Text ist unsichtbar
</p>

Dieser Text ist unsichtbar

4 Text wird erst nach Anklicken eines Befehles sichtbar

Beispiel

Im Beispiel von SELFHTML wird die Überschrift zunächst nicht angezeigt. Beim Anklicken des Verweises wird dies jedoch dynamisch nachgeholt. Auf die dazu erforderlichen JavaScript-Befehle wird an dieser Stelle nicht näher eingegangen.

• SELFHTML:
  visibility (Anzeige bzw. Nichtanzeige mit Platzhalter)
  Beispiel

↑