In diesem Beispiel werden zwei Seiten erstellt, wie in Abbildung 1 dargestellt. Index.html ist die Seite, die im Unterfenster angezeigt wird, und die Seite mit dem Namen firstpage.html enthält einen Link zum Öffnen von Index.html im Unterfenster. Wenn auf den Link geklickt wird, wird index.html in einem untergeordneten Fenster geöffnet. Sie können direkt auf den Link „Schließen“ im Unterfenster klicken, um das Unterfenster zu schließen, oder Sie können es ignorieren. Das Unterfenster wird nach 15 Sekunden automatisch geschlossen.
Abbildung 1 Die spezifische Funktionsweise der Browser-Popup-Seite
ist wie folgt:
1. Generieren Sie einen Smlple-Ordner auf der lokalen Site.
2. Generieren Sie im Smlple-Ordner Dateien mit den Namen Index.html und firstpage.html.
3. Doppelklicken Sie auf Index.html, um das Dokument zu öffnen und das Design-Ansichtsfenster des Dokuments aufzurufen.
4. Klicken Sie auf das Menü Ansicht/Kopfinhalt, um den Kopfbereich des Dokuments anzuzeigen.
5. Klicken Sie im Fenster „Entwurfsansicht“ auf den Kopfzeilenbereich des Dokuments. Wählen Sie das Menü Einfügen/Unsichtbare Tags/Skript, um das Dialogfeld „Skript einfügen“ zu öffnen. Wählen Sie, wie in Abbildung 2 dargestellt, die Option „JavaScript“ im Dropdown-Listenfeld „Sprache“ aus und geben Sie „setTimeout(“self.close()“, 15000)“ in das Coctento-Textfeld ein. Klicken Sie auf die Schaltfläche „OK“, um das Skript abzuschließen, das das untergeordnete Fenster 15 Sekunden nach dem Einfügen in den Dokumentkopf automatisch schließt. Im Code bedeutet 15.000 15.000 Millisekunden, was 15 Sekunden entspricht. Sie können es bei Bedarf auch auf die benötigte Anzahl von Millisekunden ändern.
Abbildung 2 Zeit festlegen
6. Geben Sie das Wort „Schließen“ in das Dokumentfenster ein, geben Sie „###“ in das Textfeld „Link“ im Eigenschaftenfenster ein und legen Sie es auf einen leeren Link fest.
7. Klicken Sie im Quick Tag Editor am linken Ende der Statusleiste auf die Schaltfläche „Tag“. Wählen Sie den Link „Schließen“ und drücken Sie dann die Tastenkombination Strg+T, um den Quick-Tag-Editor zu öffnen und in den Tag-Bearbeitungsmodus des Quick-Tag-Editors zu wechseln. Geben Sie dann „onclick="selfclose()"“ vor „>“ ein. Wie in Abbildung 3 dargestellt, klicken Sie nach Abschluss der Einstellungen auf die Schaltfläche „OK“, um den Vorgang zu bestätigen. Auf diese Weise kann nach dem Öffnen von Index.html als Unterfenster durch Klicken auf den Link das Unterfenster sofort geschlossen werden.
Abbildung 3 Zeit einstellen
8. Speichern Sie die Datei Index.html und schließen Sie das Dremweaver-Fenster von index.html.
9. Beginnen Sie nun mit der Gestaltung der Seite fristpage.html. Doppelklicken Sie im Smlple-Ordner der lokalen Site auf fristpage.html, um das Dokument zu öffnen und das Design-Ansichtsfenster des Dokuments aufzurufen.
10. Geben Sie die Worte „Klicken Sie hier, um ein Unterfenster zu öffnen, das automatisch geschlossen wird“ in das Dokument ein. Geben Sie dann „###“ in das Textfeld „Link“ im Eigenschaftenfenster ein, um den Link als leeren Link festzulegen.
11. Sie können festlegen, dass das Index.html-Fenster geöffnet wird, wenn auf den Link geklickt wird, indem Sie das Verhalten „Browserfenster öffnen“ auf den Link anwenden. Eine bequemere Methode ist jedoch die Verwendung des Quick Identity Editor. Platzieren Sie dazu zunächst die Einfügemarke im Link und klicken Sie dann in der Identitätsauswahl am linken Ende der Statusleiste auf die Schaltfläche „Identität“, um den gesamten Link auszuwählen. Drücken Sie dann die Tastenkombination Strg+T, um den Quick-Tag-Editor zu öffnen und in den Logo-Bearbeitungsmodus des Quick-Tag-Editors zu wechseln. Geben Sie dann „onclick="window.open('index.html',null','width=200px, height=200px')" vor ">" ein (wie in Abbildung 4 dargestellt). Nachdem die Einstellung abgeschlossen ist, drücken Sie die Eingabetaste, um den Vorgang zu bestätigen.
Abbildung 4 Einstellen des Links, der beim Klicken geöffnet wird
12. Die obigen Vorgänge vervollständigen die Einstellungen für dieses Beispiel. Sie können auf das Menü klicken und Datei/Speichern verwenden, um Ihre Arbeit zu speichern. Drücken Sie dann die Taste F12, um eine Vorschau des Seiteneffekts im Browser anzuzeigen.