4.8.13 Click

• 1 Allgemein
• 2 Klick-Buttons onClick="..."
• 3 Anzeige verschiedener Texte
• 4 "Zurück"-Druckknopf
• 5 Grundlagen-Websites & Workshops

-

⇧ 1 Allgemein

Prinzip von "freien" Buttons

• Freie Buttons können wie Buttons zum Absenden oder Abbrechen aussehen, sind jedoch nur Sinnvoll in Verbindung mit Scriptsprachen wie JavaScript.

• In der Regel werden sie dazu verwendet, Verweise oder andere JavaScript-gesteuerte Befehle auszuführen.

-

⇧ 2 Klick-Buttons onClick="..."

Siehe Beispiele

-

⇧ 3 Anzeige verschiedener Texte

Beipiel

1) Quelltext

<form action="..." method="post">
<p>
<textarea cols="20" rows="4" name="textfeld">
</textarea>
lt;input type="button" name="Text 1"
value="Text 1 anzeigen"
onClick="this.form.textfeld.value='Text 1 
und rückwärts
seltsam geschrieben ich bin.'">
<input type="button" name="Text 2" 
value="Text 2 anzeigen"
onclick="this.form.textfeld.
value='Ich bin Text 2 - ganz normal'">
</p>
</form>

2) Anzeige im HTML-Dokument

-

⇧ 4 "Zurück"-Druckknopf

1) Quelltext

Codes

• <input ...> Der Input-Tag ist ohne End-Tag

• type="button" gibt an, dass es sich um einen Button handelt

• value="Zurück" gibt die Beschriftung des Buttons

• onClick="history.back()" sagt, was der Button für eine Funktion ausführen soll

Beipiel

1) Quelltext

<p>
<input type="button" value="Zurück" 
onClick="history.back()">
</p>

2) Anzeige im HTML-Dokument

-

⇧ 5 Grundlagen-Websites & Workshops

Websites

• SELFHTML (alt)
  de Klick-Buttons
  de Klick-Buttons definieren (herkömmlich) Beispiel: Back-Button
  de Klick-Buttons definieren (HTML 4.0) Beispiel: Back-Button

Bilder

↑