JavaScript / Grundkurs - 7. Öffne das Fenster

von: Werner Zenk

1. Das erste JavaScript
2. Variable Variablen
3. 1 x 1 in JavaScript
4. Gleich oder Ungleich

5. Ein- und Ausgaben
6. Wie spät ist es?
7. Öffne das Fenster
8. JavaScript schreibt!

9. Schöne Schleifen
10. Arrays - Datenfelder
11. Alles Zufall?
12. Die Zeichenkette

Mit JavaScript können Sie neue Fenster öffnen, der JavaScript-Befehl dazu heißt: window.open()
Möchten Sie zum Beispiel eine Webseite in einem neuen Fenster anzeigen, dann sieht das
folgendermaßen aus: .open(Webseite,'Fenstername','');
Die Variable Webseite enthält den URL (die Adresse) zur Webseite.
Die Variable Fenstername enthält den Namen des geöffneten Fensters.

<script type="text/javascript">
 function FensterAuf() {
  var Webseite = "http://www.homepage-total.de";
  window.open(Webseite,'Fenstername','');
 }
</script>
<input type="button" value="Öffne das Fenster!" onClick="FensterAuf();">

Um das Fenster in einer bestimmten Größe zu öffnen geben Sie die Größe in Pixel an:

<script type="text/javascript">
 function FensterAuf2() {
  var Webseite = "http://www.homepage-total.de";
  window.open(Webseite,'Fenstername','width=800,height=600');
 }
</script>
<input type="button" value="Öffne das Fenster!" onClick="FensterAuf2();">

Im letzten Kursteil haben Sie gelernt, wie Sie mit einem HTML-Link, JavaScript starten können.
<a href="javascript: Datum(); ">Datum</a>

Wenn Sie nun ein neues Fenster öffnen möchten, rufen Sie mit
<a href="javascript: FensterAuf4(); "> Fenster</a> die Funktion auf.

Der Nachteil, in unserem vorherigen JavaScript ist, es wird immer nur die gleiche Adresse, die im
Script in der Variablen (Webseite) angegeben wurde, aufgerufen.

Die Lösung: In JavaScript kann ein Wert mit einer Funktion übergeben werden.
javascript: FensterAuf5(Wert);
Zwischen den beiden Klammern () tragen Sie ein, welchen Wert Sie übergeben möchten:
<a href="javascript: FensterAuf5( 'http://www.homepage-total.de' );">Fenster 1</a>

In der Funktion wird der Wert als Variable übernommen: function FensterAuf5(Webseite)

<script type="text/javascript">
 function FensterAuf5(Webseite) {
  window.open(Webseite,'Fenstername','resizable,location,scrollbars,status,width=650,height=530');
 }
</script>

<a href="javascript: FensterAuf5( 'http://www.homepage-total.de' );">Fenster 1</a>   -   Fenster 1
<a href="javascript: FensterAuf5( 'http://www.google.de' );">Fenster 2</a>   -   Fenster 2

info: Beim überfahren der Links mit dem Mauszeiger, wird das JavaScript in der Statusleiste angezeigt.

6. Wie spät ist es? 7. Öffne das Fenster 8. JavaScript schreibt!