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