+- net-board.net Archiv (https://net-board.net)
+-- Forum: Deine eigene Homepage (https://net-board.net/forumdisplay.php?fid=26)
+--- Forum: Scriptsprachen (+Datenbanksysteme) (https://net-board.net/forumdisplay.php?fid=19)
+---- Forum: Tutorials und Artikel: Programmieren und Datenbanken (https://net-board.net/forumdisplay.php?fid=15)
+---- Thema: [JAVA-SCRIPT] PopUp Fenster (/showthread.php?tid=2015)
[JAVA-SCRIPT] PopUp Fenster - Zerogiven - 08.07.2003
Also eine sehr oft gebräuchliche Funktion bei Java-Script ist das PopUp-Fenster
Bei einem PopUp hat man mehr Funktionen als manche wissen. Man kann die Menüleiste, die Scrollbalken, die Adressleiste, die Browserleiste deaktivieren, ausserdem kann man die Fenstergrösse bestimmen, bzw. ob sie geändert werden darf.
Hier mal die Begriffserklärung von der PopUp Funktion.
Um ein PopUp zu öffnen wird die Java Script Funktion
window.open
verwendet
Ungefähr so:
window.open("url","fenster-ID","Extraoptionen");
Begriffserklärung:
URL
Ist die Adresse die im Fenster angezeigt werden soll
fenster-ID
Ist die ID(Name) des PopUp Fensters. Dies benötigt ihr z.b. wenn ihr einen Target Link, also: "<a href="x" target="fenster-id">
Extraoptionen
Sind durch komma (
getrennte Eigenschaften des PopUps. Eine Eigenschaft wird mit dem Wert 1 aktiviert. Mit 0 deaktiviert:Diese Eigenschaften sind:
[I]toolbar[/I]
=Iconleiste
location
=Adresszeile
directories
=Linkleiste
status
=Statuszeile
menubar
=Menüleiste
scrollbars
=Scrollbalken
resizable
=Bestimmt ob die Fenstergrösse mit der Maus geändert werden darf oder nicht
width
=Breite des Fensters
height
=Höhe des Fensters
Als nächstes zeige ich euch wie ein fertiges Beispiel aussehen könnte:
Code:
window.open('http://www.boldluck.at','fenster','toolbar=0, location=0, directories=0, status=0, menubar=0, scrollbars=1, resizable=1; width=400, height=800');Dieses PopUp hat eine breite von 400 und eine Höhe von 800. Scrollbalken und veränderbare Fenstergrösse sind aktiviert und der Rest deaktiviert.
Nun zum öffnen des PopUp's
Bei dem Einbau müsst ihr nur beachten das die window.open Funktion in einer Zeile stehen.
Die Funktion kann beim öffnen der Seite, per Klick auf einen Button oder Link, oder beim verlassen einer Seite aktiviert werden.
Beim betreten einer Seite braucht ihr nur folgenden Fett geschriebenen Text in eueren Body Tag hinzuzufügen, und die Werte der Funktion ändern:
<body OnLoad="window.open('http://www.boldluck.at',"fenster','toolbar=0, location=0, directories=0, status=0, menubar=0, scrollbars=1, resizable=1; width=400, height=800');">
Somit startet das PopUp automatisch.
-------------------------------------------------------------------------------------------------
Per Klick:
Fast das selbe wie beim Starten nur in einen Link verpackt
Code:
<a href="#" OnClick="window.open('http://www.boldluck.at',"fenster','toolbar=0, location=0, directories=0, status=0, menubar=0, scrollbars=1, resizable=1; width=400, height=800');">Pop Up öffnen</a>-------------------------------------------------------------------------------------------------
Und wenn ihr wollt das es sich beim verlassen der Seite öffnet, dann müsst ihr das selbe wie beim öffnen der Seite in den Body Tag schreiben. Nur statt OnLoad schreibt ihr OnUnload.
So das wars auch schon,
Ich hoffe ich konnte euch damit helfen
mfg
Zerogiven
Copyright by Zerogiven
Mehr Tutorials: http://www.boldluck.at