Popup Generator - Website X5 Helpsite

Logo Schriftzug
Logo WSX5
Scan QR or Download Android App
Direkt zum Seiteninhalt

Popup Generator

Webmaster Tools
So erstellt man PopUps im Vorder- und Hintergrund

Mit diesem Script ist es möglich, unterschiedlich Arten von Pop-Ups zu generieren. PopUps können im Vordergrund, Hintergrund (auch PopDown genannt), sofort, nach Ablauf einer Zeit, beim Aufruf der Seite, beim Schließen der Seite oder durch Klick auf einen Link geöffnet werden.

Die Einstellungen und damit das Erscheinungsbild der Pop-Ups ist für alle Varianten gleich. Lediglich der Script-Code ist unterschiedlich und muß auch an unterschiedlichen Stellen in der Webseite integriert werden. Alle PopUps Codes, außer dem alternativen Linkcode, bestehen aus einem ersten und einem zweiten Teil. Die Zusammenstellung ist beliebig.

Achtung: Bei der Vergabe des Funktionsnamens keine Leer- Sonderzeichen und keine deutschen Umlaute oder ß verwenden, nicht mit einer Zahl beginnen !
Soll das PopUp nur geöffnet werden, wenn es noch nicht offen ist, so ist im Feld Name des PopUps ein unverwechselbarer Name einzutragen. Ansonsten öffnet sich das PopUp bei jedem Laden der Seite neu. Bei Klick auf den Button "PopUp erstellen" wird automatisch der Quellcode erstellt und ein Vorschau-PopUp geöffnet. Das Vorschau-PopUp wird immer sofort im Vordergrund geöffnet.

Die meisten Browser erlauben keine Fensterhöhe oder Breite kleiner als 100 Pixel.


Name der Funktion (nur Buchstaben / Zahlen, kein äöüß)
nur öffnen, wenn noch nicht offen immer öffnen
Name des PopUps (nur Buchstaben / Zahlen, kein äöüß)
Url der Webseite
Linktext (nur Textlink)
Sekunde/n Zeit bis zur Öffnung

width Breite in Pixeln (wird kein Wert angegeben öffnet PopUp maximiert)
height Höhe in Pixeln (wird kein Wert angegeben öffnet PopUp maximiert)
left Positionierung von links (wird kein Wert angegeben erfolgt Zentrierung)
top Positionierung von oben (wird kein Wert angegeben erfolgt Zentrierung)

Ja Nein Funktion Beschreibung
toolbar Iconleiste
location Adresszeile
directories Linkleiste
status Statuszeile
menubar Menüleiste
scrollbars Srollbalken
resizable Größe mit der Maus veränderbar
fullscreen Vollbildmodus

Vorschau    



1. Teil: Gewünschte Funktion wählen (HTML-Code in den Head-Bereich der Seite einfügen)

Variante 1: PopUp im Vordergrund



Variante 2: PopUp im Hintergrund





2. Teil: Gewünschte Funktion wählen - HTML-Code in den Body-Tag der Webseite einfügen
z.B. <body onLoad='Fenster1()' background="../bilder/back.gif" text="#FFFFFF">


PopUp sofort beim Öffnen der Seite


PopUp beim Öffnen der Seite nach Ablauf der Zeit


PopUp beim Schließen der Seite


PopUp als Link
Dieser Code ist dort einzufügen, wo der Link erscheinen soll, onload ist hier nicht nötig.


Der Script-Code besteht aus 2 Teilen, aus dem 1. Teil für den Head-Bereich und dem 2. Teil für den Body-Bereich der Webseite.




Alternativ kann auch nachfolgender einzeiliger Code für einen Link eingesetzt werden. Weitere Angaben in Head/Body sind hier nicht nötig, allerdings sind auch nicht alle Funktionen verfügbar.


Alternativer, einzeiliger PopUp Linkcode
Dieser Code ist dort einzufügen, wo der Link erscheinen soll.
Vollbildmodus, nur öffnen wenn noch nicht offen, zentriert und maximiert sind nicht aktiv.




Sollen mehrere PopUps in einer Webseite aufgerufen werden, ist für jedes PopUp ein anderer Funktionsname bzw. PopUp-Name zu wählen. z.B. die erste Funktion wie vorgegeben Fenster1 nennen, die zweite Funktion dann Fenster2, danach Fenster3 usw. Bei den Namen keine Sonder-, Leerzeichen verwenden und nicht mit einer Zahl beginnen ! Außerdem ist ein kleines Java-Script nötig, da nur ein Funktionsaufruf im Body-Tag erfolgen kann. Beispiel:

<script>
<!--
function Funktionen() {
Fenster1()
Fenster2()
}
-->
</script>

Angegeben wird nur die reine Funktion ohne onLoad=' und '! Anstelle von Fenster1() und Fenster2() sind die entsprechenden Funktionsaufrufe einzufügen, wie sie vom Script generiert wurden. Es können weitere Aufrufe z.B. auch von anderen Scripten hinzugefügt werden. Der Aufruf im Body-Tag erfolgt mit: onLoad="Funktionen()".

Copyright: Dauerstress


» nach oben «
Logo Host Europe
Button Spenden
🏠 © 2009 - 2024
Hosting by
Zurück zum Seiteninhalt