(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.form.input 23.05.08 Seite 1 von 11



Ähnliche Dokumente
HTML Formulare. Benutzerschnittstelle für interaktive Webseiten

Erstellen von x-y-diagrammen in OpenOffice.calc

Lehrer: Einschreibemethoden

Bei der Anlage von Pauschalen ist folgendes zu beachten!!!!!!!!

SCHRITT 1: Öffnen des Bildes und Auswahl der Option»Drucken«im Menü»Datei«...2. SCHRITT 2: Angeben des Papierformat im Dialog»Drucklayout«...

Anleitung Abwesenheitsmeldung und -Weiterleitung (Kundencenter)

Aufgaben HTML Formulare. Prof. Dr. rer. nat. Claus Brell, Wirtschaftsinformatik, Statistik

2. Im Admin Bereich drücken Sie bitte auf den roten Button Webseite bearbeiten, sodass Sie in den Bearbeitungsbereich Ihrer Homepage gelangen.

Warten auf Ereignisse

Schritt für Schritt. Anmeldung

Javascript kann nun auf die Objekte der Webseite über entsprechene Objektbezeichner zugreifen und deren Attribute auslesen oder verändern.

Stellvertretenden Genehmiger verwalten. Tipps & Tricks

Outlook. sysplus.ch outlook - mail-grundlagen Seite 1/8. Mail-Grundlagen. Posteingang

Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken.

Wollen Sie einen mühelosen Direkteinstieg zum Online Shop der ÖAG? Sie sind nur einen Klick davon entfernt!

1 Schritt für Schritt zu einem neuen Beitrag

Workflows verwalten. Tipps & Tricks

Stand: Adressnummern ändern Modulbeschreibung

Wichtige Information zur Verwendung von CS-TING Version 9 für Microsoft Word 2000 (und höher)

User Manual Data 24. Login und Layout

Electronic Systems GmbH & Co. KG

Ihr Ideen- & Projektmanagement-Tool

inviu routes Installation und Erstellung einer ENAiKOON id

Datenbanken für Online Untersuchungen

Anleitung für die Formularbearbeitung

Abwesenheitsnotiz im Exchange Server 2010

Informatik Kurs Simulation. Hilfe für den Consideo Modeler

PowerPoint: Text. Text

EVENTO-WEB. Handbuch für Dozierende. Version: 1.2 Datum: 20. Dezember 2010 Autoren: BA Schuladministration

HTML5 Formulare. HTML5 Formulare Seite Seite 1 von 7 Florian Bauer

Erstellen und Bearbeiten von Inhalten (Assets)

DELFI. Benutzeranleitung Dateiversand für unsere Kunden. Grontmij GmbH. Postfach Bremen. Friedrich-Mißler-Straße Bremen

Enigmail Konfiguration

Erstellen von Mailboxen

podcast TUTORIAL Zugriff auf das Bildarchiv der Bergischen Universität Wuppertal über den BSCW-Server

Aktivierung von Makros in den Erfassungshilfen

MARCANT - File Delivery System

AGROPLUS Buchhaltung. Daten-Server und Sicherheitskopie. Version vom b

Zwischenablage (Bilder, Texte,...)

Erstellen eines Formulars

Erstellen einer Abwesenheitsnotiz

Anleitung zum Login. über die Mediteam- Homepage und zur Pflege von Praxisnachrichten

Password Depot für ios

Mit Excel Strickvorlagen erstellen (GRUNDKURS)

Einrichten der konten

SMS-Dienst SMS-Dienst procar informatik AG Stand: FS 04/2011 Eschenweg Weiterstadt 1

Benutzerhandbuch - Elterliche Kontrolle

Benutzerhandbuch. Leitfaden zur Benutzung der Anwendung für sicheren Dateitransfer.

So funktioniert das online-bestellsystem GIMA-direkt

Kontakt neu erstellen (Privatkontakt) :

Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden.

4. BEZIEHUNGEN ZWISCHEN TABELLEN

Module Entwicklung. Um diese Eigenschaft aufzurufen, starten Sie die Adami Vista CRM Applikation und wählen Sie den Entwicklung Menü.

Durch einen Doppelklick (linke Maustaste) wird das Programm gestartet und es erscheint folgender Bildschirm.

Treppensoftware Programme. Hilfe - 3D Plus Online. konstruieren/präsentieren

Ein POP3-Account ist eine Art elektronischer Briefkasten. Bitte beachten Sie, daß keine Umlaute (ä,ö,ü,ß) eingegeben werden dürfen.

Microsoft Access 2010 Navigationsformular (Musterlösung)

Technische Hinweise zur Online Bewerbung

7.3 Einrichtung 13. Monatslohn. Auszahlung Ende Jahr / Ende der Beschäftigung

Anleitung für Kunden zum Umgang mit verschlüsselten s von der LASA Brandenburg GmbH

FORUM HANDREICHUNG (STAND: AUGUST 2013)

Import und Export von Übergängern

Neue Zugangsdaten für sg-online erstellen

Vorgestellt vom mexikanischen Rat für Fremdenverkehr

Abb. 1. Abb. 2.

Punkt 1 bis 11: -Anmeldung bei Schlecker und 1-8 -Herunterladen der Software

Sobald Sie in Moodle einen Textbeitrag verfassen möchten, erhalten Sie Zugang zu folgendem HTML- Texteditor:

Ein Bild in den Text einfügen

Kurzinformation Zugang zur NOVA für dezentrale Administratoren

Process4.biz Release Features Übersicht. Repository. Das Schützen von Diagrammen wurde optimiert (check-in, check-out)

PC CADDIE SMS Versand

1. Allgemein Speichern und Zwischenspeichern des Designs Auswahl der zu bearbeitenden Seite Text ergänzen Textgrösse ändern 3

Unizensus Onlineumfrage in ISIS einbinden

Angaben zu einem Kontakt...1 So können Sie einen Kontakt erfassen...4 Was Sie mit einem Kontakt tun können...7

teamsync Kurzanleitung

Word 2010 Schnellbausteine

Newsletter (Mailinglisten) Serien- s versenden Mailinglisten-Tool verwenden

Übersicht... 2 Dateiupload... 3 Administratorfunktionen... 4

Stammdatenanlage über den Einrichtungsassistenten

Beispiel Shop-Eintrag Ladenlokal & Online-Shop im Verzeichnis 1

Handbuch ECDL 2003 Basic Modul 5: Datenbank Access starten und neue Datenbank anlegen

Import des Out of Office Status von Exchange in LANDESK Service Desk

2.1 Sicherheits-Zonen ActiveX-Steuerelemente Skripting Verschiedenes Erweitert... 9

SSO-Schnittstelle. Inhalt: Beschreibung der Single Sign-On (SSO) Schnittstelle. NetSlave GmbH Simon-Dach-Straße 12 D Berlin

Das DAAD-PORTAL. Prozess der Antragstellung in dem SAPbasierten Bewerbungsportal des DAAD.

Dokumentation zum Inco- FORM

I Serverkalender in Thunderbird einrichten

Bedienungsanleitung für den SecureCourier

Adressdaten für Werbemaßnahmen bereitstellen...

Auswertungssoftware des Deutschen-Motorik-Tests

Lizenz Verwaltung. Adami Vista CRM

Anmeldung zu Seminaren und Lehrgängen

Bedienungsanleitung Albumdesigner. Neues Projekt: Bestehendes Projekt öffnen:

4.1 Wie bediene ich das Webportal?

An-/Abwesenheitsplaner Überstunden verwalten

Teaser-Bilder erstellen mit GIMP. Bildbearbeitung mit GIMP 1

Schrittweise Anleitung zur Erstellung einer Angebotseite 1. In Ihrem Dashboard klicken Sie auf Neu anlegen, um eine neue Seite zu erstellen.

Kurzanleitung LFB-Online für Schulen

ACDSee 10. ACDSee 10: Fotos gruppieren und schneller durchsuchen. Was ist Gruppieren? Fotos gruppieren. Das Inhaltsverzeichnis zum Gruppieren nutzen

OutlookExAttachments AddIn

Transkript:

(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 1 von 11 window.document.input Objekt und seine Varianten beim Internet Explorer window.document.input Objekt und seine Varianten beim Internet Explorer...1 Objekt document.input.button des Internet Explorer... 1 Objekt document.input.checkbox (Abhak-Kästchen) des Internet Explorer... 2 Objekt document.input.fileupload des Internet Explorer... 3 Objekt document.input.hidden des Internet Explorer... 3 Objekt document.input.password des Internet Explorer... 4 Objekt document.input.radio des Internet Explorer...4 Objekt document.input.reset des Internet Explorer...6 Objekt document.input.submit des Internet Explorer... 7 Objekt document.input.text des Internet Explorer... 8 Formularinhalte können diverse HTML-Elemente sein., vorallem Elemente, die Daten speichern können wie z.b. TEXTAREA, SELECT, OPTION etc.. Ein sehr beliebtes HTML-Element ist das input Objekt, das in diversen Varianten kodiert werden kann. Jedes Element innerhalb von <FORM.. </FORM wird zum Kind des Objektes form. Daher ist Punktnotation nötig, um den Formularinhalt, also die Kinders des Objektes form, referenzieren zu können. Der Objekttyp input.image kann nicht für eine Formular referenziert werden, wenn er innerhalb <FORM... </FORM kodiert wurde. Für input.image ist immer die children Collection zu verwenden. Nachfolgend werden die Varianten des input Objektes kurz beschrieben, wobei nur eine Auswahl von Eigenschaften und Methoden genannt wird. Aus Übersichtsgründen sind weitere Eigenschaften und Methoden direkt bei der Beschreibung vom input Objekt und nicht hier zu finden. Ereignisse werden alle beim Objekt event beschrieben. Die Variante input.image wird nicht beschrieben. Die Varianten des input Objekt basieren z.t. auch auf anderen Objekten. Im Objekt input muss das Attribut TYPE mit dem Objekttyp belegt werden, von dem die Variante des Objektes input abstammt. Der Wert vom Attrivbut TYPE kann wahlweise mit " " bzw. ' ' oder ohne " " bzw. ' ' kodiert werden, wobei Gross-Kleinschreibung egal ist. Der Objekttyp image kann nicht für eine Formular referenziert werden, wenn er innerhalb <FORM... </FORM kodiert wurde. Die Varianten von input haben nur Sinn, wenn zugleich Eventhandler kodiert werden, da ein Formular die User-Interaktion behandeln sollte. Objekt document.input.button des Internet Explorer Diese Objekt basiert zusätzlich auf dem button Objekt (siehe dort). Erzeugung durch HTML: TYPE=button VALUE="button_beschriftung" ="eventhandler2" onclick="eventhandler3" onmousedown="eventhandler4" onmouseup="eventhandler5" <HEAD <SCRIPT function ValueAendern() ID_Input1 = "Neuer Wert von VALUE"; function FarbeAendern() ID_Input2.style.backgroundColor = "aqua"; function Anzeige() alert(event.propertyname + " wurde verändert"); </SCRIPT </HEAD <BODY <INPUT TYPE=button ID="ID_Input1" VALUE="Click um VALUE zu ändern" onclick="valueaendern()" onpropertychange="anzeige()" <INPUT TYPE=button ID="ID_Input2" VALUE="Click um Farbe zu ändern" (TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 1 von 11

(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 2 von 11 onclick=" FarbeAendern()" onpropertychange="anzeige()" </BODY Eigenschaften (ausgewählte) : liefert immer den Typ button entfernt den Cursor vom Button.click() bewirkt einen Klick auf die Schaltfläche belegt CHECKED und.checked und.defaultchecked setzt den den Cursor auf das Button ausgelöst, wenn User der Cursor vom Button entfernt onclick ausgelöst, wenn User auf das Button klickt ausgelöst, wenn User den Cursor auf das Button bewegt onmousedown ausgelöst, wenn User auf dem Button die Maustaste niederdrückt onmouseup ausgelöst, wenn User auf dem Button die gedrückte Maustaste loslässt Objekt document.input.checkbox (Abhak-Kästchen) des Internet Explorer Erzeugung durch HTML: TYPE=checkbox VALUE="wert_der_gesendet_wird" CHECKED ="eventhandler2" onclick="eventhandler3" Beispiele: // Standardwert ist "on" Beispiel 1: <HEAD <SCRIPT function Anzeige() alert("checkbox-status = " + ID_Checkbox.checked); </SCRIPT </HEAD <BODY selektiere! <INPUT TYPE=checkbox ID="ID_Checkbox" NAME="checkbox1" onclick=anzeige() </BODY Beispiel 2: <INPUT TYPE=checkbox ID="ID_InputCheckbox" CHECKED DISABLED <SPAN STYLE="font-weight:bold" onclick="id_inputcheckbox.status=false" ablehnen </SPAN. <SPAN STYLE="font-weight:bold" onclick="id_inputcheckbox.status=true" annehmen </SPAN Beispiel 3: <HTML <HEAD <SCRIPT function ClickMitFocus() // Checkbox ist mit Erstellung bereits markiert (TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 2 von 11

(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 3 von 11 ID_CheckBox; ClickOhneFocus(); function ClickOhneFocus () ID_CheckBox.click(); </SCRIPT <SCRIPT FOR= ID_CheckBox EVENT= alert("check Box hat Focus"); </SCRIPT </HEAD <BODY <INPUT Type="CHECKBOX" ID="ID_CheckBox"</INPUT <BR <BUTTON onclick="clickmitfocus()"klick mit Fokus</BUTTON <BR <BUTTON onclick="clickohnefocus()"klick ohne Fokus</BUTTON </BODY </HTML.checked nur lesen ist true, wenn Checkbox abgehakt.defaultchecked ist true, wenn CHECKED in <INPUT kodiert kann belegt werden mit true oder false false bewirkt CHECKED in <INPUT wird unwirksam liefert immer Typ checkbox entfernt Cursor von der Checkbox.click() bewirkt markieren oder nicht markieren belegt CHECKED und.checked und.defaultchecked setzt Cursor auf die Checkbox ausgelöst, wenn User der Cursor vom Checkbox entfernt onclick ausgelöst, wenn User auf die Checkbox klickt ausgelöst, wenn User den Cursor auf die Checkbox bewegt Hinweise: onclick für weitere Reaktionen aufgrund markieren bzw. nicht markieren Objekt document.input.fileupload des Internet Explorer TYPE=file onchange="eventhandler2" ="eventhandler3" enthält den Dateinamen, nur lesen entfernt Cursor vom Eingabefeld setzt den Cursor auf das Eingabefeld.select() markiert den Inhalt des Eingabefeldes, auf dem per der Cursor gesetzt sein muss Events (ausgewählte): ausgelöst, wenn User der Cursor aus der Eingabezeile bewegt onchange ausgelöst, wenn User auf den Inhalt der Eingabezeile ändert ausgelöst, wenn User den Cursor auf die Eingabezeile bewegt Objekt document.input.hidden des Internet Explorer (TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 3 von 11

(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 4 von 11 TYPE=hidden VALUE="wert" <FORM ACTION="mailto:test@test.de" METHOD=GET <INPUT NAME=subject TYPE=hidden VALUE="Testt%20Product%20Information%20Anforderung" volle Mailadresse eingeben <BR <TEXTAREA NAME=body COLS=40</TEXTAREA <INPUT TYPE=submit VALUE="absenden " </FORM Objekt document.input.password des Internet Explorer TYPE=password VALUE="vorbelegung" SIZE="breite_eingabe_feld_in_zeichen" onchange="eventhandler2" ="eventhandler3" onselect="eventhandler4" <INPUT TYPE="password" AUTOCOMPLETE="off".defaultValue ist standardgemäß eine Leerkette kann verändert werden.select() enthält die Benutzereingabe entfernt Cursor vom Eingabefeld setzt Cursor auf Eingabefeld markiert den Inhalt des Eingabefeldes, da zuvor mit focus() den Cursor bekommt ausgelöst, wenn User der Cursor aus dem Eingabefeld bewegt ausgelöst, wenn User den Cursor auf das Eingabefeld bewegt Objekt document.input.radio des Internet Explorer TYPE=radio VALUE="radio_wert_der_gesendet_wird_wenn_button_markiert_ist" NAME="logischer_radio_name" bzw. "logischer_radio_gruppen_name" // Radiobutton mit identischem Namen gehören einer Gruppe an // in der Gruppe kann pro Zeitpunkt maximal nur 1 // Button markiert sein CHECKED ="eventhandler2" onclick="eventhandler3" Beispiele: Beispiel 1: <HEAD <SCRIPT (TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 4 von 11

(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 5 von 11 function KanalVerteilung(Wert) ID_bgsound.balance = Wert; function GenauEinmal() ID_bgsound.loop = 1; ID_bgsound.src = ID_bgsound.src; // restart function Endlos() ID_bgsound.loop = -1; ID_bgsound.src = ID_bgsound.src; // restart </SCRIPT <BGSOUND ID="ID_bgsound" SRC="sound.wav" </HEAD <BODY <BUTTON onclick="genaueinmal()"</button <BUTTON onclick="endlos()"</button <BUTTON onclick="kanalverteilung(-10)"</button <BUTTON onclick="kanalverteilung(10)"</button <BUTTON onclick="kanalverteilung (0)"</BUTTON <BVolume control:</b <INPUT TYPE ="radio" NAME="ID_RadioButtonGruppe" onpropertychange="id_bgsound.volume=-10;" Mute < INPUT TYPE ="radio" NAME ="ID_RadioButtonGruppe" onpropertychange="id_bgsound.volume=-7;" 25% Volume < INPUT TYPE ="radio" NAME ="ID_RadioButtonGruppe" CHECKED onpropertychange="id_bgsound.volume=-5;" 50% Volume < INPUT TYPE ="radio" NAME ="ID_RadioButtonGruppe" onpropertychange="id_bgsound.volume=-2;" 75% Volume < INPUT TYPE ="radio" NAME ="ID_RadioButtonGruppe" onpropertychange="id_bgsound.volume=0;" 100% Volume </BODY Beispiel 2: <HTML <HEAD <SCRIPT function Erzeuge() var Zeiger = document.createelement( "<INPUT TYPE='RADIO' NAME='RADIOTEST' VALUE='Eins'" ); document.body.insertbefore(zeiger); Zeiger = document.createelement( "<INPUT TYPE='RADIO' NAME='RADIOTEST' VALUE='Zwei'" ); document.body.insertbefore(zeiger); </SCRIPT </HEAD <BODY <INPUT TYPE="BUTTON" ONCLICK=" Erzeuge()" VALUE="Zwei Radio Buttons erzeugen" <BR <INPUT TYPE="BUTTON" ONCLICK="alert(document.body.outerHTML)" VALUE="Click um HTML zu sehen" <BODY </HTML (TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 5 von 11

(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 6 von 11.checked.defaultChecked.index.length.click() onclick: ist true wenn Radiobutton markiert ist (sonst false) ist true wenn CHECKED in INPUT kodiert ist kann neu gesetzt werden -- Wirkung von CHECKED aus INPUT aufgehoben Index des ausgeählten Elementes Anzahl Radiobutton innerhalb der Gruppe entfernt Cursor vom Radiobutton bewirkt markieren bzw. entmarkieren des Buttons (Click auf das Radiobutton) sowie setzen der Eigenschaft checked auf true für das angeklickte Button Eigenschaft checked auf false für alle anderen Button der Gruppe setzt den Cursor auf das Radiobutton ausgelöst, wenn User den Cursor vom Radiobutton entfernt ausgelöst, wenn User auf das Radiobutton klickt Eventhandler für weitere Reaktion nach Anklicken: muss return true; oder return false; besitzen: true, so erfolgt das Senden des radio_wertes auch wirklich false, so erfolgt kein Senden trotz angeklicktem Button ausgelöst, wenn User den Cursor auf das Radiobutton bewegt Objekt document.input.reset des Internet Explorer TYPE=reset VALUE="reset_button_beschriftung" ="eventhandler2" onclick="eventhandler3" onreset="eventhandler4" <HTML <HEAD <SCRIPT function EventHandler_AktionVorReset() // ein Hinweis im Textarea anzeigen ID_Textarea += "Formular zuruecksetzen????"; </SCRIPT </HEAD <BODY <DIV // wirklich rücksetzen??? return( confirm("wirklich rücksetzen?")); // true so Reset durch Browser ausführen lassen // false so kein Reset durch Browser <FORM NAME="Formular" onreset="eventhandler_aktionvorreset();" <INPUT TYPE="text" NAME="InputText" VALUE="Text eingeben" <BR <BUTTON onclick="form.reset();"onreset ausloesen</button <BR<BR <INPUT TYPE="reset" VALUE="oder hiermit zuruecksetzen" onclick="form.reset()" </FORM </DIV <TEXTAREA ID="ID_Textarea" VALUE="" ROWS="5" COLS="75"</TEXTAREA </BODY </HTML (TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 6 von 11

(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 7 von 11.click() onclick onreset wenn VALUE nicht kodiert, so "Reset" als Standard nur lesbar entfernt den Cursor vom Resetbutton bewirkt Anklicken des Resetbuttons und löschen des Formulars setzt den Cursor auf das Resetbutton ausgelöst, wenn der User dencursor vom Resetbutton entfernt ausgelöst, wenn der User auf das Resetbutton clickt ausgelöst, wenn User den Cursor auf das Resetbutton bewegt ausgelöst direkt vor dem Formular-Reset durch den Browser Eventhandler für weitere Reaktionen aufgrund des Anklicken auslösen: muss return true; oder return false; liefern true, so Reset auch wirklich ausgeführt Objekt document.input.submit des Internet Explorer TYPE=submit VALUE="beschriftung_des_button" ="eventhandler2" onclick="eventhandler3" onsubmit="eventhandler4" <HTML <HEAD <SCRIPT function EventHandler_AktionVorSubmit() // ein Hinweis im Textarea anzeigen ID_Textarea += "Formular senden????"; </SCRIPT </HEAD <BODY <DIV // wirklich senden??? return( confirm("wirklich senden?")); // true so Submit durch Browser ausführen lassen // false so kein Submit durch Browser <FORM NAME="Formular" ACTION="..." METHOD=" " onsubmit="eventhandler_aktionvorsubmit();" <INPUT TYPE="text" NAME="InputText" VALUE="Text eingeben" <BR <BUTTON onclick="form.submit();"onsubmit ausloesen</button <BR<BR <INPUT TYPE="submit" VALUE="oder hiermit senden" onclick="form.submit()" </FORM </DIV <TEXTAREA ID="ID_Textarea" VALUE="" ROWS="5" COLS="75"</TEXTAREA </BODY </HTML.click() wenn VALUE in <INPUT nicht kodiert, so "Submit Query" als Wert nur lesen entfernt den Cursor vom Submitbutton bewirkt standardgemäß sofortiges Abschicken des Formulares (aufgrund Anklicken des Buttons), wenn es sich NICHT um E-Mail handelt -- bei E-Mail erfolgt erst Nachfrage setzt den Cursor auf das Submitbutton (TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 7 von 11

(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 8 von 11 onclick onsubmit ausgelöst, wenn User den Cursor vom Submittbutton entfernt ausgelöst, wenn User das Submitbutton clickt ausgelöst, wenn User den Cursor auf das Submitbutton bewegt ausgelöst direkt vor dem Formular-Senden durch den Browser Eventhandler für weitere Reaktionen aufgrund des Anklicken auslösen: muss return true; oder return false; liefern true, so Senden auch wirklich ausgeführt false, so Senden NICHT ausgeführt trotz Anklicken Objekt document.input.text des Internet Explorer Dieses Objekt basiert zusätzlich auf dem Objekt text (siehe dort). TYPE=text VALUE="zeichenkette_als_vorgabe_wert" SIZE="breite_eingabefeld_in_zeichen" onchange="eventhandler2" ="eventhandler3" onkeydown="eventhandler4" onkeypress="eventhandler5" onkeyup="eventhandler6" onselect="eventhandler7" Beispiele: Beispiel 1: <LABEL FOR="ID_Input" ACCESSKEY="1" #<SPAN1</SPAN: Alt+1 fuer Sprung zur Textbox </LABEL <INPUT TYPE="text" ID="ID_Input " NAME="T1" VALUE=text1 SIZE="20" TABINDEX="1" Beispiel 2: <HTML <HEAD <SCRIPT function Antworten(Wert) Wert? alert("ja") : alert("nein"); </SCRIPT </HEAD <BODY <P <INPUT type="text" ID="ID_Input" VALUE="Test" <BUTTON onclick="antworten(id_input.ismultiline);" Mehrzeiligkeit eines INPUT TYPE=text </BUTTON </P <P TEXTAREA: <TEXTAREA ID="ID_Textarea" Test </TEXTAREA <BUTTON onclick="antworten(id_textarea.ismultiline);" Mehrzeiligkeit eines Textbereiches </BUTTON </P </BODY </HTML Beispiel 3: <INPUT TYPE=text SIZE=33 Beispiel 4 für Auslesen eines Eingabefeldes: <HTML <HEAD (TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 8 von 11

(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 9 von 11 <SCRIPT LANGUAGE="JavaScript" <! function gruss() alert("hallo " + document.meinformular.eingabe + "!"); // -- </SCRIPT </HEAD <BODY Bitte Namen eingeben und danach den Knopf drücken <FORM NAME="meinFormular" <INPUT TYPE="text" NAME="Eingabe" VALUE="" <BR <INPUT TYPE="button" NAME="Knopf" VALUE="Bitte drücken" onclick="gruss()" </FORM </BODY </HTML Beispiel 5 für Wert einem Eingabefeld zuweisen: <HTML <HEAD <SCRIPT LANGUAGE="JavaScript" <!-- function umrechnung(celsius) var fahrenheit; fahrenheit = 9 / 5 * celsius + 32; document.formular.ausgabe = fahrenheit; // -- </SCRIPT </HEAD <BODY Bitte geben Sie einen Temperaturwert in Celsius ein: <FORM NAME="Formular" <INPUT TYPE="text" NAME="Eingabe" VALUE="" <BR <INPUT TYPE="button" NAME="Knopf" VALUE="Berechnung" onclick="umrechnung(this.eingabe)" <BR Entpricht <INPUT TYPE="text" NAME="Ausgabe" VALUE="" Fahrenheit </FORM </BODY </HTML Beispiel 6 für Laufschrift in einem Formular <HTML <HEAD <SCRIPT LANGUAGE="JavaScript" <!-- text="laufschrift"; function anzeigen() (TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 9 von 11

(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 10 von 11 teilkette=text.substring(0, 1); text=text.substring(1, text.length); text= text + teilkette; //-- </SCRIPT </HEAD window.documentular.schrift=text; settimeout('anzeigen()',200); <BODY <FORM NAME="formular" <INPUT TYPE=button VALUE="Laufschrift im Formularfeld" onclick="anzeigen()" <INPUT TYPE="text" NAME="schrift" SIZE="20" READONLY </FORM </BODY </HTML.defaultValue.select() Eereignisse (ausgewählte): onchange onselect entspricht nicht VALUE enthält den eigegebenen Text entfernt den Cursor aus dem Eingabefeld (deaktiviert Textfeld für Eingabe) setzt den Cursor auf das Eingabefeld markiert den Text im Eingabefeld Cursor muss zuvor mit focus() auf das Eingabefeld bewegt worden sein ausgelöst, wenn User den Cursor vom Eingabefeld entfernt ausgelöst, wenn User das Eingabefeld inhaltlich ändert ausgelöst, wenn User den Cursor auf das Eingabefeld bewegt ausgelöst, wenn Teil des Inhaltes vom Eingabefeld markiert wird (TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 10 von 11

(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 11 von 11... 2, 3, 4, 6, 7, 10.checked... 3, 6.click()... 2, 3, 6, 7.defaultChecked... 3, 6.defaultValue... 4, 10... 2, 3, 4, 6, 7, 10... 2, 3, 4, 6, 7, 10.index... 6... 2, 3, 4, 6, 7, 10.select()... 3, 4, 10... 2, 3, 4, 6, 7, 10... 2, 3, 4, 6, 7, 10 Abhak-Kästchen... 2 Abschicken des Formulares... 7 angeklicktes Button... 6 Anklicken des Restbuttons... 7 Anzahl Radiobutton innerhalb der Gruppe... 6 auslesen... 8 Auslesen eines Eingabefeldes... 8 AUTOCOMPLETE... 4 Benutzereingabe... 4 blur()... 7 button... 1 button Objekt... 1 checkbox... 2 Checkbox abgehakt... 3 checked... 6 CHECKED... 2, 3, 4, 6 children Collection... 1 Click auf das Radiobutton... 6 click()... 7 Collection children... 1 Cursor auf das Button setzen... 2 Cursor vom Button entfernen... 2 Dateiname... 3 defaultchecked... 2, 3 document.input Objekt... 1 document.input.button Objekt... 1 document.input.checkbox Objekt... 2 document.input.fileupload Objekt... 3 document.input.hidden Objekt... 3 document.input.password Objekt... 4 document.input.radio Objekt... 4 document.input.reset Objekt... 6 document.input.submit Objekt... 7 document.input.text Objekt... 8 Eingabefeld aktivieren... 3 Eingabefeld auslesen... 8 Eingabefeld deaktivieren... 3 Eingabefeld Wert zuweisen... 9 Element in einem Formular... 2, 3, 4, 6, 7, 10 E-Mail... 7 entfernt Cursor vom Eingabefeld... 3, 4 entfernt Cursor von der Checkbox... 3 entfernt den Cursor aus dem Eingabefeld... 10 entfernt den Cursor vom Resetbutton... 7 entfernt den Cursor vom Submitbutton... 7 Feld für Eingabe aktivieren... 3 Feld für Eingabe deaktivieren... 3 file... 3 focus()... 7 Formular abschicken... 7 Formular Laufschrift... 9 Formular löschen... 7 Formular senden...7 Formular sofort abschicken...7 Formular Zeiger auf Element...2, 3, 4, 6, 7, 10 Formulare Auslesen eines Eingabefeldes...8 Formulare Wert einem Eingabefeld zuweisen...9 hidden...4 input Objekt...1 Laufschrift in einem Formular...9 length...6 löschen des Formulars...7 markieren bzw. entmarkieren des Buttons...6 markiert den Inhalt des Eingabefeldes...3, 4 name...7 NAME...2, 3, 4, 6, 7, 10 Objekt button...1 Objekt document.input...1 Objekt document.input.button...1 Objekt document.input.checkbox...2 Objekt document.input.fileupload...3 Objekt document.input.hidden...3 Objekt document.input.password...4 Objekt document.input.radio...4 Objekt document.input.reset...6 Objekt document.input.submit...7 Objekt document.input.text...8 Objekt input...1 Objekt text...8...2, 3, 4, 6, 7, 8, 10 onchange...3, 10 onclick...2, 3, 7, 8 onclick...6...2, 3, 4, 6, 7, 8, 10 onmousedown...2 onmouseup...2 onreset...7 onselect...10 onsubmit...8 password...4 Passwordeingabe aktivieren...4 Passwordeingabe deaktivieren...4 radio...4 Radiobutton...6 reset...6 setzt Cursor auf Checkbox...3 setzt Cursor auf Eingabefeld...4 setzt den Cursor auf das Eingabefeld...3, 10 setzt den Cursor auf das Radiobutton...6 setzt den Cursor auf das Resetbutton...7 setzt den Cursor auf das Submitbutton...7 sofortiges Abschicken des Formulares...7 submit...7 Submit Query...7 text...8 text Objekt...8 Textfeld - eingegebenen Text selektieren...10 Textfeld für Eingabe aktivieren...10 Textfeld für Eingabe deaktivieren...10 type...7 TYPE...3, 4, 6, 7, 10 value...7 VALUE...2, 4, 6, 7, 10 Wert einem Eingabefeld zuweisen...9 Zeiger auf Element in einem Formular...2, 3, 4, 6, 7, 10 (TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 11 von 11