|
|
|
|
erweitertes Window-Script
Während die Größe des Fensters immer noch durch feste Angaben bestimmt wird, setzen wir statt des Dateinamens einen 'Platzhalter' ein. Wir ändern die Notierung aus dem Beispiel 1, wo der Dateiname (in Anführungszeichen) fest eingetragen war
fenster1=window.open('datei01.htm','infofenster','height=400,width=500');
in eine andere Notierung, wo lediglich der Name des Platzhalters (ohne Anführungszeichen) eingetragen wird
fenster1=window.open(dieURL,'infofenster','height=400,width=500');
Zwischenschritt zur Erklärung Das Script für das Pop-Up-Window benötigt nun zur einwandfreien Funktion Informationen aus dem Platzhalter mit dem Namen 'dieURL', der die Angaben zu der Datei enthält, die im Fenster angezeigt werden soll. Weil wir nett und höflich sind, schaffen wir einen solchen Platzhalter und ordnen ihm die benötigten Informationen zu. Wir definieren eine Variable mit dem Namen 'dieURL' <script type="text/javascript" language="JavaScript"> <!-- var dieURL = "datei01.htm"; function Fenster02(dieURL) { fenster1=window.open(dieURL,'infofenster','height=400,width=500'); } // --> </script> Damit haben wir nun die Angaben zur anzuzeigenden Datei nicht mehr fest innerhalb der Funktion verankert, sondern außerhalb der Funktion festgelegt. Nun gehen wir einen Schritt weiter und geben (der Fachmann sagt übergeben) der Funktion Fenster02() die Informationen zum Dateinamen erst beim Aufruf. Das Script in der benötigten Version Innerhalb der beiden Klammern hinter dem Namen der Funktion tragen wir nun den Namen des Platzhalters (den Namen der Variablen) ein. So kennt die Funktion nun den Namen der Variablen, welche die Informationen enthält. <script type="text/javascript" language="JavaScript"> <!-- function Fenster02(dieURL) { fenster1=window.open(dieURL,'infofenster','height=400,width=500'); } // --> </script>
|
|
Aufruf im Body
So sieht der Aufruf der Funktion Fenster02() mit Übergabe des Dateinamens aus. Beachten sie: Der Funktionsaufruf steht in Anführungszeichen, der Dateiname in Hochkommas! <a href="javascript: Fenster02('datei01.htm')"> Linktext </a> <a href="javascript: Fenster02('datei01.htm')">Datei01 im Fenster anzeigen</a>
Diese Funktion kann man nun beliebig oft auch zur Anzeige anderer Dateien verwenden, lediglich der entsprechnde Dateiname wird eingetragen: <a href="javascript: Fenster02('rot.htm')">Datei02 im Fenster anzeigen</a>
Aufruf beim Laden der HTML-Datei Damit das Script beim Laden einer Seite automatisch gestartet wird (mit OnLoad), fügen Sie eine entsprechende Anweisung als Ergänzung des <body>-Tags ein. Auch hier wird der Dateiname (steht in Anführungszeichen) übergeben <body onload="Fenster02('rot.htm')"; bgcolor="#FFFFFF" ... >
|
|