Javascript: Objekte für Formulare

Javascript

Ulrich Hirschmann 4.98

Objekte für Formulare

Diese Objekte können in Formularen eingesetzt werden.

Objekte	Bedeutung	Anwendung	Eigenschaften	Ereignisse	Methoden
button	Schalter	<input type="button" name="s1" value="Klick!"> Seite wechseln: <input type="button" value="Seite1" onClick="location='js1.htm' ">	name, value, form, type,disabled	onClick(), onFocus(), onMouseup(), onMousedown(), onBlur()	blur, focus, handleEvent, click
checkbox	Auswahlkasten	<input type="checkbox">	checked, defaultChecked, name, value, form, type, disabled	onClick(), onFocus(), onBlur()	blur, focus, handleEvent, click
hidden	Versteckter Datenspeicher	<input type="hidden">	name, value, form, type
text	Textfeld	<input type="text" size=6> readonly (nur lesen)	name, value, defaultValue, form, type, disabled	onBlur(), onChange(), onFocus(), onSelect()	blur, focus, handleEvent, select
radio	Kombinierte Schalter müssen denselben Namen haben.	<input type="radio" name="r1">	checked, defaultChecked, name, value, length, form, type	onClick(), onBlur(),onFocus()	blur, focus, handleEvent, click
reset	Schalter zum Zurücksetzen des Formulares.	<input type="reset">	name, value, form, type	onClick(), onBlur(), onFocus()	blur, focus, handleEvent, click
submit	Schalter zum Senden Formulares.	<input type="submit">	name, value, form, type	onClick(), onBlur(), onFocus()	blur, focus, handleEvent, click
textarea	mehrzeiliges Textfeld	<textarea NAME='order' COLS=40 ROWS=14>Inhalt</textarea> wrap=virtual\|physical (autom. zeilenumbruch)	name, value, defaultValue, form, type	onBlur(), onChange(), onFocus(), onSelect(), onKeyDown(), onKeyPress(), onKeyUp	blur, focus, handleEvent, select
select	Auswahlliste	<select> <option>1.Eintrag <option>2.Eintrag </select> multiple (Mehrfachauswahl) <optgroup>Menüstruktur</optgroup>	length, name, options (Feld), selectIndex, form, type	onBlur(), onChange(), onFocus()	blur, focus, handleEvent
option	Eintrag von select		defaultSelected, selected, text, value
password	Textbox zur Eingabe von Kennworten	<INPUT TYPE="password" NAME="pw">	defaultValue, form, name, type, value	onBlur(), onFocus()	blur, focus, handleEvent, select
file	Dateiauswahlbutton	<input type=file name="Name" maxlength=1000000 accept="MimeType">
image	Grafischer Schalter	<input type=image src="dot.gif">

Hinweise zu den Methoden
blur entfernt den Focus von dem jeweiligen Objekt.
click simuliert einen Mausklick.
focus gibt den Focus an das jeweilige Objekt.
handleEvent ruft den Eventhandler des Objektes auf.
select wählt das Eingabefeld des Objektes aus.

Browser-Objekte

Window

Das Objekt Window repräsentiert ein Browser-Fenster oder einen Frame. In dieser Tabelle sind die zugehörigen Eigenschaften des Objektes aufgelistet.

JavaScript 1.1

JavaScript 1.2

Eigenschaften: closed, history, opener
Methoden: blur, focus, scroll
Event Handler: onBlur, onError, onFocus

Eigenschaften: innerHeight, innerWidth, locationbar, menubar, outerHeight,
outerWidth, pageXOffset, pageYOffset, personalbar, scrollbars, statusbar, toolbar
Methoden: back, captureEvents, clearInterval, disableExternalCapture,
enableExternalCapture, find, forward, handleEvent, home, moveBy, moveTo, releaseEvents, resizeBy, resizeTo, routeEvent, scrollBy, scrollTo, setInterval, stop, verbessertes scroll

Nähere Informationen finden sich unter: developer.netscape.com

Weitere Window-Methoden

alert Zeigt eine Warnbox mit Text. confirm Zeigt eine Bestätigungsbox mit OK- und Abbruchschalter. prompt Zeigt eine Texteingabebox.
setinterval Überprüft einen Ausdruck oder ruft eine Funktion auf jedesmal wenn eine bestimmte Zeit verstrichen ist.
setTimeout Überprüft einen Ausdruck oder ruft eine Funktion auf einmal wenn eine bestimmte Zeit verstrichen ist.

Window beinhaltet diese 3 Objekte:

Objekte	Bedeutung	Methoden	Eigenschaften	Event Handler
document	Repräsentiert das aktuelle Dokument und liefert Methoden für die HTML-Ausgabe.	Tabelle	Tabelle	onClick onDblClick onKeyDown onKeyPress onKeyUp onMouseDown onMouseUp
Location	Enthält Informationen über die URL.	Tabelle	Tabelle
History	Enthält die History-Liste der bsisher beuschten URLs.	Tabelle	Tabelle

Einige Objekte sind auch über Arrays (spezielle Listen) ansprechbar. Das erste Bild einer Seite ist auch über document.images[0] erreichbar.

Übung: Erstellen eine Seite mit einer Form. Das 1.Objekte soll ein Textobjekt sein. Weise dann mit document.forms[0].elements[0].value diesem einen Text zu.

Javascript Ulrich Hirschmann 4.98