Professionelle Bücher. Auch für Einsteiger.

Inhaltsverzeichnis
1 Einleitung
2 Webbrowser
3 JavaScript einbauen
4 Programmieren mit JavaScript
5 Datum
6 Zufall
7 Browserinformationen
8 Fenster
9 Formulare
10 Frames und Iframes
11 Grafiken
12 Cookies
13 Objekte und Arrays
14 Ereignisbehandlung
15 Fehlerbehandlung
16 DOM
17 DHTML und CSS
18 AJAX
19 XML
20 Web Services
21 AJAX-Frameworks
22 Plugins
23 Multimedia
24 Java
25 Serverseitige Technologien
26 JavaScript goes .NET
27 Code schützen
28 Top Secret: Passwortschutz
29 Signierte Skripte
30 JavaScript und Sicherheit
31 Navigation
32 Warenkorb
33 JavaScript-Bibliotheken
34 Referenz
35 Quellen im Web
36 Die Zukunft von JavaScript
Index
Download: - ZIP, ca. 9,2 MB
Buch bestellen
Ihre Meinung?
<< zurück | Galileo Computing / <openbook> / JavaScript und AJAX | vor >>
JavaScript und AJAX von Christian Wenz Das umfassende Handbuch
JavaScript und AJAX 839 S., mit DVD, 39,90 Euro Galileo Computing ISBN 3-89842-859-1 |
| Kapitel 8 Fenster
|  | 8.1 Modale Fenster
|  |  | 8.1.1 Warnung – nur im Notfall
|  |  | 8.1.2 Bestätigungen
|  |  | 8.1.3 Benutzereingaben
|  | 8.2 Navigationsleiste mit JavaScript
|  |  | 8.2.1 Das History-Objekt
|  |  | 8.2.2 Vorwärts und rückwärts, Teil 2
|  |  | 8.2.3 Drucken mit JavaScript
|  | 8.3 Die Statuszeile
|  |  | 8.3.1 Erläuternde Links
|  |  | 8.3.2 Laufschrift
|  | 8.4 Das location-Objekt
|  | 8.5 Ein neues Fenster öffnen
|  |  | 8.5.1 Ein Fenster öffnen und füllen
|  |  | 8.5.2 Ein Fenster öffnen und verlinken
|  |  | 8.5.3 Ein Fenster öffnen und anpassen
|  |  | 8.5.4 Modale Fenster
|  | 8.6 Fernsteuerung
|  |  | 8.6.1 Links mit JavaScript
|  |  | 8.6.2 Links ohne JavaScript
|  | 8.7 Fenster schließen
|  |  | 8.7.1 Andere Fenster schließen
|  | 8.8 Fenster bewegen mit JavaScript
|  |  | 8.8.1 Fenster verschieben
|  |  | 8.8.2 Fensterinhalt scrollen
## 8.6 Fernsteuerung Wie Sie vom aufrufenden Fenster aus auf das neue Fenster zugreifen können, wissen Sie jetzt. In die andere Richtung ist das genauso einfach. Schon seit JavaScript 1.1 gibt es die Fenster-Eigenschaft opener , die eine Referenz auf das öffnende Fenster darstellt. Sogar mit JavaScript 1.0 kann man sie jedoch relativ einfach nachbilden. Auch wenn das heutzutage nicht mehr relevant ist, zeigt es dennoch, wie Sie Eigenschaften von Objekten in JavaScript dynamisch setzen können. Setzen Sie also die Eigenschaft opener des neuen Fensters, sofern sie gleich null ist, auf das aktuelle Fenster (also self):
    <script type="text/javascript"><!--
    var fenster = window.open("seite.htm", "neu");
    if (fenster.opener == null) {
       fenster.opener = self;
    }
    //--></script>
### 8.6.1 Links mit JavaScript Über die Eigenschaft opener ist es möglich, auf das ursprüngliche Fenster zuzugreifen. Im Folgenden soll eine Fernsteuerung entwickelt werden. Ausgangspunkt ist folgendes Frameset:
    <html>
    <head>
    <title>Fernsteuerung</title>
    <script type="text/javascript"><!--
    function inhalt() {
       return "<" + "html" + "><" + "/html" + ">";
    }
    //--></script>
    </head>
    <frameset rows="100,*">
       <frame src="navi.html" name="navigation" />
       <frame src="javascript:top.inhalt()" />
    </frameset>
    <noframes>
    <body>Ihr Browser kann mit Frames nichts anfangen!</body>
    </noframes>
    </html>
Die Datei navi.html sieht folgendermaßen aus:
    <html>
    <head>
    <script type="text/javascript"><!--
    function fernsteuerung() {
       var fenster = window.open("remote.html", "fern", "height=200,width=400,status=1");
       if (fenster.opener == null) {
          fenster.opener = self;
       }
    }
    //--></script>
    </head>
    <body>
    <a href="javascript:fernsteuerung();">Fernsteuerung öffnen</a>
    </body>
    </html>
Es passiert also nichts Weltbewegendes: Durch den Klick auf den Link wird ein neues Fenster mit der Datei remote.html geladen. Diese sieht wie folgt aus:
    <html>
    <head>
    <title>Fernsteuerung</title>
    <script type="text/javascript"><!--
    function lade(seite) {
       //kommt noch...
    }
    //--></script>
    </head>
    <body>
    <h3>Meine Lieblingslinks</h3>
    <ul>
       <li>
          <a href="javascript:lade(
    'http://www.microsoft.com/')">Microsoft</a>
       </li>
       <li>
          <a href="javascript:lade(
    'http://www.mozilla.com/')">Mozilla</a>
       </li>
       <li>
          <a href="javascript:lade(
    'http://www.opera.com/')">Opera</a>
       </li>
    </ul>
    <a href="javascript:window.close();">Fenster schließen</a>
    </body>
    </html>
In der Funktion lade() muss die übergebene URL in den unteren Frame der Beispielseite geladen werden. Mit der Eigenschaft window.opener hat man eine Referenz auf den oberen Frame, und – wie in Kapitel 10 gezeigt werden wird – man kann dann auf den unteren Frame zugreifen:
    function lade(seite) {
       if (window.opener != null) {
          window.opener.parent.frames[1].location.href = seite;
       }
    }
### 8.6.2 Links ohne JavaScript Eigentlich ist dieses Vorgehen zu umständlich. Man kann auch mit ordinären HTML-Links arbeiten. Als target-Attribut gibt man den Namen des Frames bzw. des Fensters an, in den bzw. in das die neue Seite geladen werden soll. Im obigen Beispiel wurde jedoch aus Versehen kein Name für den Frame angegeben; bei Fenstern haben Sie ja ohnehin standardmäßig keinen Namen. Mit JavaScript lässt sich dieser Name jedoch ganz einfach vergeben; die entsprechende Eigenschaft heißt name. Ändern Sie also die Funktion fernsteuerung() folgendermaßen ab:
    function fernsteuerung() {
       var fenster = window.open("remote.html", "fern",
       "height=200,width=400,status=1");
       self.name = "Ziel";
       if (fenster.opener == null) {
          fenster.opener = self;
       }
    }
Die Fernsteuerung besteht dann aus (beinahe) reinem HTML-Code:
    <html>
    <head>
    <title>Fernsteuerung</title>
    </head>
    <body>
    <h1>Meine Lieblingslinks</h1>
    <ul>
       <li>
          <a href="http://www.microsoft.com/"
          target="Ziel">Microsoft</a>
       </li>
       <li>
          <a href="http://www.mozilla.com/"
          target="Ziel">Mozilla</a>
       </li>
       <li>
          <a href="http://www.opera.com/"
          target="Ziel">Opera</a>
       </li>
    </ul>
    <a href="javascript:window.close();">Fenster schließen
    </a>
    </body>
    </html>
<< zurück | <top> | vor >>
Zum Katalog
JavaScript und AJAX bestellen
Ihre Meinung?
Wie hat Ihnen das <openbook> gefallen? Ihre Meinung
Buchtipps
| JavaScript und AJAX - Das Video-Training
| Webseiten programmieren und gestalten
| XHTML, HTML und CSS
| CSS-Praxis
| AJAX
| PHP 5 und MySQL 5
| TYPO3 4.0
Shopping
Versandkostenfrei bestellen in Deutschland und Österreich Info

Copyright © Galileo Press 2007
Für Ihren privaten Gebrauch dürfen Sie die Online-Version natürlich ausdrucken. Ansonsten unterliegt das <openbook> denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

[Galileo Computing]
Galileo Press, Rheinwerkallee 4, 53227 Bonn, Tel.: 0228.42150.0, Fax 0228.42150.77, info@galileo-press.de