|
Das document Objekt
Ein document beschreiben: write()
Ein document beschreiben und Werte aus einem
Formular übergeben
Mit dem document Objekt hatten wir schon zu
tun, insbesondere im Kapitel Zugriffe
auf Formularelemente, da die Formulare Kinder sind von
document und folglich über die Syntax document.Name_des_Formulars
angesprochen werden können. document wiederum ist ein Kindobjekt
von window, so dass man über Name_des_Fensters.document auch
Dokumente anderer Fenster ansprechen kann, wir kommen darauf
zurück, zum Beispiel in dem Kapitel Mit
Javascript auf Frames zugreifen. Betrachten wir aber zuerst
eine Funktion von document, die einem öfter begegnet, nämlich
write().
| Ein
document beschreiben: write() |
|
Mit der Funktion write() kann man ein document
beschreiben. Wir werden anhand eines Beispiels die grundsätzliche
Vorgehensweise darstellen. Anschliessend werden wir diskutieren,
wo diese Funktion sinnvoll eingesetzt werden kann.
<script language=JavaScript>
function aufblenden1()
{
fenster2=window.open("","fenschterle",
'width=567,height=200,scrollbars=yes');
fenster2.focus();
fenster2.document.open();
fenster2.document.write("Schon toll, man kann Live irgendwas
in ein Fenster schreiben");
fenster2.document.close();
}
</script>
<A href=javascript:aufblenden1()>hier</A>
Will man sehen, was passiert, muss man
hier
clicken. Alles klar ? Wir schreiben direkt
ins Fenster. Zugegenermassen ist der Nutzwert noch nicht so
richtig klar und er wird auch im folgenden Beispiel nicht
richtig klar, aber im übernächsten Beispiel dann schon.
| Ein
document beschreiben und Werte aus einem Formular übergeben |
|
Etwas sinnvoller könnte man die Funktion einsetzen,
wenn man irgendwelche Eingaben des Users abgreift. Man könnte
so zum Beispiel ein Spiel oder Quiz programmieren ohne die
Eingaben des Users serverseitig zu verarbeiten.
<script language=JavaScript>
function aufblenden2()
{
FName=document.banane.kirsche.value;
fenster2=window.open("","fenschterle",
'width=567,height=200,scrollbars=yes');
fenster2.focus();
fenster2.document.open();
fenster2.document.write("Hallo "+FName+" wie
gehts denn so ?");
fenster2.document.close();
}
</script>
<form name=banane>
Gib mal Deinen Namen ein <input type=text name=kirsche><input
type=button value="geht los" onClick=aufblenden2();
</form>
|
 |
