Wie man ein Popup-Fenster auf Ihrer Website einbinden
Setzen ein Popup-Fenster auf Ihrer Website ist ein wirksames Mittel zur Anzeige Textausschnitte, Grafiken, multimedia-Dateien oder Ankündigungen, die Sie nicht in eine vollständige Webseite einbinden möchten. Ein Popup-Fenster können Sie auch Inhalte anzuzeigen, das ist verwandt mit der Haupt-Website-Seite jedoch gut mit dem Seitendesign passt nicht. Beispielsweise verwenden einige Websites Finanzdienstleistungen Popup-Fenster den Website-Login-Bildschirm angezeigt. Um ein Popup-Fenster zu Ihrer Webseite hinzuzufügen, müssen Sie erstellen eine Webseite für das Pop-up, dann legen Sie einen Pop-up-Befehl in der HTML (HyperText Markup Language) der Hauptseite.
Anweisungen
1 Starten Sie Ihre üblichen Web-Design-Programm oder eine nur-Text-Editor-Anwendung. Windows-Computer verfügen über die Notepad und Wordpad Text-Editor-Tools.
2 Öffnen der Hauptwebseite, aus denen Sie das Popup-Fenster starten möchten.
3 Geben Sie oder fügen Sie den folgenden Code in die Webseite Header-Abschnitt zwischen dem Starttag < Head > und schließenden < / Head >-Tag:
< SCRIPT TYPE = "Text/Javascript" >
<!--
Funktion-Popup (Mylink, Windowname)
{
Wenn (! window.focus)return true, andernfalls false.
Var Href;
Wenn (typeof(mylink) == 'Zeichenfolge')
Href = Mylink;
sonst
href=MyLink.href;
Window.Open (Href, Windowname, ' Breite = 400, Height = 200, Scrollbars = Yes');
false zurück;
}
-->
< / SCRIPT >
4 Markieren Sie und ändern Sie die Attribute Width und Height im Code auf die bevorzugte Größe des Popup-Fensters. Im vorhergehende Beispiel öffnet ein Popup-Fenster mit einer Breite von 400 Pixel und einer Tiefe von 200 Pixel.
5 Blättern Sie auf die Position auf der Webseite, in dem Sie den Link, um das Popup-Fenster aufnehmen möchten. Dies ist der Link, den der Besucher klickt, um das Popup-Fenster zu starten.
6 Fügen Sie den folgenden Code in die Webseite:
< A
HREF="Popup.html"
OnClick = "Rückkehr Popup (dieser, ' Notizen')" > Klick Popup </a >
Änderung "Hinweise" für Ihre eigenen Namen für das Popup-Fenster. Platzieren Sie diesen Namen in Sinqle Anführungszeichen, wie im Beispiel gezeigt. Dieser Name wird dem Besucher nicht angezeigt aber hilft Ihnen zu ermitteln, welcher Code auf jedem Pop-up-Fenster bezieht, haben Sie mehrere Popups auf Ihrer Website.
7 Markieren Sie und ändern Sie "popup.html" in den Namen der Webseite, deren Inhalt Sie im Popup-Fenster anzeigen möchten. Änderung "Klick Popup" auf den Text, den Sie anzeigen möchten für den Link, die der Benutzer klickt, um das Popup-Fenster---öffnen klicken"beispielsweise hier für weitere Informationen."
8 Speichern Sie die Web-Seite. Laden Sie diese Seite und die Seite mit den Inhalt für das Popup-Fenster auf Ihrem Host-Webserver in der üblichen Weise.
Tipps & Warnungen
- Verwenden Sie Popupfenster sparsam, da zu viele Popups von verwirrenden Besucher Ihre Website navigieren versucht die Benutzerfreundlichkeit beeinträchtigen können.