2.5.6 Unsichtbare Elemente
en Invisible elements
fr Invisible éléments

• 1 Allgemein
  • a) Bezeichnungen und Prinzip
  • b) Workshops
• 2 Text sichtbar
  • a) Prinzip und Beispiel: Text sichtbar ist Standardeinstellung (auch ohne Attribut)
• 3 Text unsichtbar
  • a) Syntax: <p style="visibility:hidden">...</p>
  • b) Beispiel
• 4 Text wird erst nach Anklicken eines Befehles sichtbar
  • a) Beispiel

-

⇧ 1 Allgemein

• a) Bezeichnungen und Prinzip
• b) Ordnung der Überschriften

-

↑ a) Bezeichnungen und Prinzip

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 en < ?php include "$punkte/include/grafik/fenster.php";?> Beispiel: How to make an element invisible

-

⇧ 2 Text sichtbar

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

-

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

1) Angabe im Quelltext des HTML-Dokumentes:

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

2) Anzeige im HTML-Dokument:

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

-

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

-

↑ b) Beispiel

1) Angabe im Quelltext des HTML-Dokumentes:

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

2) Anzeige im HTML-Dokument:

Dieser Text ist unsichtbar

-

⇧ 4 Text wird erst nach Anklicken eines Befehles sichtbar

• a) Beispiel

-

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
  de visibility (Anzeige bzw. Nichtanzeige mit Platzhalter)
  Beispiel

↑