Wie man ein Pop-Up mit einen iFrame in JavaScript

December 21

Wie man ein Pop-Up mit einen iFrame in JavaScript

Es gibt eine Reihe von Gründen, warum Sie die Attribute einer JavaScript-Popup-Fenster mit einem HTML-IFrame-Tag kombinieren möchten. Sie können Variablen an ein Pop-up, dass Abfragen eine Datenbank mit diesen Variablen wiederum übergeben werden. Sie sollten nicht Ihre Benutzer zu können finden Sie unter der URL in spielen, und können Ihre Datenbankabfrage mit eine eigene Schrift. In jedem Fall erfordert einen IFrame in ein JavaScript-Popup-Fenster einfügen, nur eine statische Seite und eine einfache JavaScript-Eingabeaufforderung.

Anweisungen

1 Erstellen Sie eine neue statische HTML-Seite. Platzieren Sie in den < Body >-Tags einen < Iframe >-Tag. Legen Sie den Parameter "Src" der Tag gleich auf die vollständige URL in IFrame angezeigt werden soll. Speichern Sie die statische HTML-Seite in das Verzeichnis, von dem Sie beabsichtigen, es zu veröffentlichen.

2 Erstellen des JavaScript-Code-Snippets, die Ihre Pop eröffnen wird. Möchten Sie das neue Fenster zu öffnen, wenn eine Seite geladen, fügen Sie den folgenden Code als "Onload" Ereignis im < Body >-Tag der entsprechenden Seite. Wollen Sie haben das neue Fenster öffnen, wenn ein Link geklickt wird, fügen Sie den folgenden Code als "Onclick" Ereignis im entsprechenden < a > Tag:

OnClick="Window.Open ('Popup.html ', ' Breite = Xxx, Höhe = Xxx');"

wobei "popup.html" der Name der statischen Seite gespart in Schritt 1, und die gewünschte Breite und Höhe des Pop in Pixel ist für die beiden Instanzen von "Xxx." ersetzt werden

3 Speichern Sie alle öffnen Sie Dateien, und veröffentlichen Sie sie auf Ihren Webserver. Sie haben nun ein JavaScript-Popup-Fenster, mit einem eingebetteten IFrame.

Tipps & Warnungen

  • Die meisten modernen Web-Browser haben Pop up Blocker, die JavaScript-Aufrufe wie diese verhindert werden. Vielleicht möchten Sie eine Nachricht an Ihre Benutzer, pop-up Blocker ausschalten zu machen, bei der Nutzung Ihrer Website bekannt.