Wie füge ich ein Pop-Up-Fenster auf einem Server?
Website-Besitzer müssen gelegentlich Anzeigen von Popup-Fenstern auf den Seiten ihrer Website oft auf wichtige Informationen anzeigen, akzeptieren-Anmeldeinformationen oder zeigen den Status der eine ausstehende Anforderung. Obwohl der Popup Inhalt auf dem Web-Server gehostet wird, ist der Code, der das Verhalten von Pop-up steuert in der Webseite selbst enthalten. Als solche erfordert das Hinzufügen ein Popup-Fenster Aktualisierung der Web-Seite und dann die Seite an den Server hochladen.
Anweisungen
1 Öffnen Sie die Webseite, auf denen die Popup-Fenster angezeigt wird. Wenn Sie eine visuelle Webseite-editing-Programm wie Adobe Dreamweaver oder Microsoft FrontPage verwenden, öffnen Sie die Seite, die Sie bearbeiten möchten. Suchen Sie vor Ort auf der Seite wo die Verknüpfung, die das Popup-Fenster steuert platziert wird, und klicken Sie einmal in diesem Bereich. Schalten Sie Ihre Anzeige-Einstellung auf "Codeansicht" um die hyper Text Markup Language, oder HTML-Steuerelemente in diesem Teil der Seite. Wenn Sie ein Textverarbeitungsprogramm wie Notepad oder WordPad verwenden, öffnen Sie die Seite, die Sie bearbeiten möchten und suchen den Abschnitt des Codes, wo der Popup-Fenster-Link platziert wird.
2 Fügen Sie den Pop-up Code in Ihre Webseite. Erstellen Sie eine leere Zeile in Ihr HTML-Code, wo der Popup-Link platziert wird. Kopieren Sie und fügen Sie den folgenden Code auf die Leerzeile:
< Form >< Eingang Typ = "submit" Value = "Hier klicken für ein Pop-up" onClick="window.open ('popup.html', 'Newwindow', ' Breite = 500, Höhe = 300, Symbolleiste = No, Menubar = No, Lage = No, Status = No, Scrollbars = No');" >< / form >
In diesem Beispielcode erstellt eine Schaltfläche, die ein Popup-Fenster, wenn geklickt startet. Pop-ups können jedoch gestartet werden, wenn fast jedes Element geklickt wird, einschließlich Links, Bilder und sogar die Seite selbst, wenn der Code auf das < Body >-Tag angewendet wird. Fügen Sie einfach den OnClick-Parameter auf das HTML-Tag, das das Popup-Ereignis auslöst.
3 Passen Sie die Pop-up CodeParameter. Der zuvor bereitgestellte Beispielcode erstellt ein Popup-Fenster, in dem den Inhalt der Seite "popup.html" in einem Fenster 500 Pixel breit und 300 Pixel hoch angezeigt. Ändern Sie diese Werte in den OnClick-Parameter, um die Bedürfnisse Ihrer Website passen. Das Beispiel Popup-Fenster wird auch ohne eine Symbolleiste, Menüleiste, Adressleiste, Statusleiste oder Bildlaufleisten angezeigt. Sie können eines dieser Elemente aktivieren indem Sie "Nein" den Wert auf "yes" innerhalb der OnClick-Parameter ändern.
4 Speichern Sie die Webseite, um Ihre Änderungen zu bestätigen.
5 Hochladen Sie die aktualisierte Seite auf Ihren Webserver. Wenn Ihre Website-Host bietet, verwenden Sie ein webbasierter Upload Utility um die Seite zu übertragen, das, die Sie gerade von Ihrem Computer auf Ihren Server bearbeitet. Andernfalls verwenden Sie ein Computer-basierte Datei Transfer Protokoll (FTP) Programm wie das kostenlose Programm FileZilla, loggen Sie sich in Ihre Website und laden die aktualisierte Seite auf Ihrem Server.
6 Zeigen Sie Ihre aktualisierte Seite. Öffnen Sie in Ihrem Webbrowser die Seite, die im vorherigen Schritt hochgeladen wurde. Klicken Sie auf die Schaltfläche hinzugefügt, die in Schritt 2 das pop-up-Fenster zu starten.