[JAVA-SCRIPT] PopUp Fenster
#1
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 (Wink 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
<a href="http://www.boldluck.at" target="_blank">
[Bild: boldluck468603.gif] </a>
  Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 2 Gast/Gäste