definieren 02
    


HOME
Quellcode ZURÜCK SITEMAP  

  Window definieren 02 - Datei erst beim Aufruf festlegen

Das erste simple Script soll nun erweitert werden. Während im ersten Script die im Fenster anzuzeigende Datei von vorne herein festgelegt war, möchten wir nun die anzuzeigende Datei erst beim Aufruf der JavaScript-Funktion bestimmem. Die Größe für das Fenster belassen wir erst mal bei der festen Einstellung.

Hier wollen wir nun eine Pop-Up-Window-Funktion entwerfen, der wir erst beim Aufruf mitteilen, welche HTML-Datei im Window angezeigt werden soll. So schaffen wir eine flexiblere Funktion die man mehrmals und zur Anzeige unterschiedlicher Inhalte einsetzen kann. Die Erklärungen dazu habe ich nun etwas weiter ausgeführt.
  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>
Beim Aufruf dieser Funktion Fenster02() kann die Information darüber, welche Datei im Fenster angezeigt werden soll, dem Platzhalter entnommen werden. Das ist in diesem Fall der Dateiname 'datei01.htm'. Genau diese Datei würde im Fenster angezeigt werden!

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>

Das Script steht nun im Kopf der HTML-Datei und kann bei Bedarf (auch mehrmals) aufgerufen werden. Beim Aufruf müssen wir nun allerdings den Namen der anzuzeigenden Datei mittels Platzhalter «übergeben». Das bedeutet, wir teilen der Funktion mit, was im Platzhalter 'dieURL' steht.
  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>
 Datei01 im Fenster anzeigen



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>
 Datei02 im Fenster anzeigen



  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" ... >







NACH OBEN