Buttons in HTML Hilfedateien

Um Buttons in CHM Dateien bzw. HTML Dateien zu nutzen gibt es zwei Möglichkeiten.

Die erste Möglichkeit ist Verwendung des <INPUT> Tags:

Mit <input type=button ...> wird ein Button definiert. Mit value="Buttontext" wird die Beschriftung des Buttons festgelegt. Durch den JavaScript Befehl onClick="Befehl" wird festgelegt welcher Befehl beim Klicken auf das Button ausgeführt werden soll.

Beispiel:

Sie benutzen folgenden Browser


 So sieht der Quelltext innerhalb der HTML Seite aus:

<form action="name.htm">
<p><input size=30 name="Text" readonly><br>
<input type=button value="Ihr Browser" onClick="this.form.Text.value=navigator.appName">
</p>
</form>
 

Diese Methode eignet sich insbesondere für ältere Browser.

Eine weitere, einfachere und moderne Methode ist die Verwendung des <Button> Tags:

<button onclick="window.alert('Danke für das Drücken des Buttons')"Drück mich</button>

Dieses Button bewirkt durch den Befehl onclick="window.alert('Danke für das Drücken des Buttons')", dass eine Mitteilungsbox angezeigt wird.

Beispiel:

Bei beiden Methoden lassen sich auch Hyperlinks verwenden. Der Event-Handler onClick sieht dann so aus:

onClick="self.location.href='name.htm'

Ein Beispiel hierfür ist das Button (Zurück zu den HTML Help Tipps) am Ende dieser Seite.

Buttons, die mit dem <BUTTON> Tag erstellt wurden, bieten zusätzlich noch die Möglichkeit Grafiken mit einzubinden.