Pop-Ups | lima-city

Viele von Euch fragen immer mal wieder nach Pop-Up fenstern.
Pop-Up-Fenster erfordern ein wenig JavaScript-Syntax.
Dabei kommt eine Methode des Window-Objektes zum Einsatz.

Die einfachste allgemeine Form sieht im Quelltext so aus:
window.open("dateiname.htm","Fenstername","width=400,height=300,left=50,top=100");

Wie daran zu erkennen teilt sich der Befehl in 3 Teile.
Die ersten beiden Parameter sind dabei zwingend, der dritte optional.
1. Zieladresse (URI) der zu öffnenden Datei ["dateiname"]
2. Fenstername ["Fenstername"] - ist wichtig wenn man links in bestimmte Fenster setzen möchte (<a href="..." target="Fester">...)
3. Angaben zum Aussehen des Fensters ["width=..."] - die einzelnen Angaben werden durch Komma getrennt

Möglich Angaben zum Aussehen des Fensters sind:
width= (Pixel) - Breite des Fensters
height= (Pixel) - Höhe des Fensters
innerHeight= (Pixel) - Höhe des Anzeigebereichs
innerWidth= (Pixel) - Breite des Anzeigebereichs
top= (Pixel) - Abstand vom oberen Rand
screenY= (Pixel) - Abstand vom oberen Rand (besser top)
left= (Pixel) - Abstand vom linken Rand
screenX= (Pixel) - Abstand vom linken Rand (besser left)

dependent= (yes|no)
ja - Fenster wird geschlossen, wenn Ursprungsfenster geschlossen wird
nein - (no = Voreinstellung) Fenster bleibt erhalten, Ursprungsfenster geschlossen wird
hotkeys= (yes|no)
ja - (yes = Voreinstellung) Tastaturbefehle des Browsers bleiben im Fenster gültig.
nein - Tastaturbefehle zum Steuern des Browsers im Fenster deaktiviert.
location= (yes|no)
ja - Fenster erhält eine eigene Adresszeile
nein - Fenster erhält keine Adresszeile (Voreinstellung)
menubar= (yes|no)
ja - Fenster erhält eine eigene Menüleiste mit Browser-Befehlen.
nein - Fenster erhält keine Menüleiste. (Voreinstellung)
resizable= (yes|no)
ja - Anwender kann das Fenster in der Größe verändern
nein - Anwender kann die Fenstergröße nicht ändern (Voreinstellung)
scrollbars= (yes|no)
ja - Fenster erhält Scroll-Leisten
nein - Fenster erhält keine Scroll-Leisten (Voreinstellung)
status= (yes|no)
ja - Fenster erhält eine eigene Statuszeile
nein - Fenster erhält keine eigene Statuszeile (Voreinstellung)
toolbar= (yes|no)
ja - Fenster erhält eine eigene Werkzeugleiste
nein - Fenster erhält keine eigene Werkzeugleiste (Voreinstellung)

Einbinden kann man das ganze auf verschiedene Weise.
1. Einfacher Link
<a href="javascript:window.open('www.lima-city.de','LimaImPopUp','width=640,height=480,left=50,top=100');">Lima im PopUp</a>

2. Funktion mit späterem Aufruf
<script language="JavaScript">

</script>
2.1 Aufruf zB beim Laden der Seite
<body onLoad="popupLima();">...
2.2 Aufruf zB beim Klicken auf eine Objekt
<img ... onClick="popupLima();">