JavaScript, die sechste (über Fenster)

Übersicht: Wir bauen uns ein Fenster in JavaScript

Wir bauen uns ein Fenster in JavaScript

Betrachte folgendes Beispiel:

<html>
<head>
<title> Javascript-Beispiel zu Fenster </title>
<script language="JavaScript">
function meinFenster()
{
var win;
win = window.open("", "Hallo","width=300,height=200,resizable=yes");
win.document.write ("<h2><blink><center>Where is Tommy?</center></blink></h2>");
win.document.write("<font color='#ff0000'> Hier nicht . . . </font>");
win.document.close();
}// Ende der Funktion
</script>
</head>
<body onload="meinFenster()">
<h2>Dies ist das Hauptfenster!</h2>
</body>
</html>

Einige Bemerkungen zu diesem Beispiel:

In der Funktion meinFenster() wird zuerst eine Variable win vereinbart, der dann über window.open als Wert ein Fenster zugewiesen wird. Einfacher: Nach dem Aufruf von window.open steht win für ein neues Fenster!
Du kannst in das Fenster hineinschreiben mit document.write(), Beispiel:
win.document.write("Hallo Tommy");
Mit document.close kannst du das Dokument wieder schließen. Das ist deshalb wichtig, weil erst mit dem Schließen des Dokumentes alle Ausgaben in das Fenster (über document.write) durchgeführt werden!
ACHTUNG: Das Fenster wird beim Aufruf von document.close nicht geschlossen!!
window.open erwartet drei Parameter:
1. Der erste Parameter ist hier leer (""), er bestimmt, welche Datei in das Fenster geladen werden soll.
2. Der Name im zweiten Parameter wird als Sprungmarke für target benutzt, für uns (noch) uninteressant!
3. Als dritter Parameter werden schließlich die Abmessungen des Fensters übergeben.
4. Aufgabe: Probiere aus, was "resizable" bewirkt! Dein Eindruck: ____________________________________
document.write kann
1. ganz "normalen Text" ausgeben!
2. HTML-Kommandos ausführen. Dazu wird das HTML-Kommando -genauso wie Text- in Hochkommata eingeschlossen, die Wirkung siehst du erst, wenn ins Fenster geschrieben wird, im Beispiel mit roter Schrift:
  win.document.write("<font color='#ff0000'> Hier nicht . . . </font>");

Zurück zur Übersicht

Aufgaben:
1. Gib das Beispiel oben mit htmledit ein, und speichere es unter dem Namen fenster1.htm in deinem Verzeichnis.
2. Wenn fenster1.htm funktioniert, dann rufe die Funktion meinFenster() in deinem Programm kennwort.htm (vgl. letzte Sitzung) auf. Dazu musst du über "Markieren, Kopieren und Einfügen" die Funktionsvereinbarung von meinFenster() in dein JavaScript in kennwort.htm kopieren. In einem zweiten Schritt musst du an geeigneter Stelle die Funktion meinFenster() aufrufen. Welche Stelle hältst du für geeignet? __________________________
  (Abspeichern unter fenster2.htm)
3. Erstelle mit htmledit ein HTML-Dokument, und lade es mit JavaScript! Dazu nimmst du das JavaScript fenster2.htm und speicherst es unter fenster3.htm. Jetzt schreibst du die Funktion meinFenster() so um:
```
function meinFenster()
{
var win;
win = window.open("erich.htm");
}// Ende der Funktion
```
  Statt erich.htm ('Erich' findest du auf Laufwerk I:\) kannst du auch ein anderes HTML-Dokument nehmen , wichtig ist nur: es muss in deinem Verzeichnis stehen! Probiere das JavaScript aus! Warum musst du nicht deine Funktion testeKennwort() verändern? ___________________________________

Problem:
1. Schreibe ein JavaScript, das folgenden Inhalt ausgibt:
  . . , -
  fertig ist das Mondgedicht
  (Abspeichern unter gedicht.htm )

Zurück zur Übersicht

W. Spiegel, E-Mail: walter [dot] spiegel [at] web [dot] de