öffnet Window
    
WWW.WEB-TOOLBOX.NET
HTMLCode ZURÜCK SITEMAP  

  Pull-Down-Menü öffnet ein Window

Dieses Beispiel sieht eine Dateiauswahl mit einem Pull-Down-Menü vor. Die ausgewählte HTML-Datei wird in einem PopUp-Window angezeigt. Da ich hier 2 unterschiedliche Window-Scripts benutze, können sie das Window wahlweise mit oder ohne Menü- + Adressleiste anzeigen lassen.

Nutzen sie das hier stehende aktive Beispiel als Demo.



Ich möchte 2 Windows mit unterschiedlichen Eigenschaften für die Anzeige benutzen, also gibt es 2 verschiedene Funktionen für die PopUp-Windows, die im Head-Bereich notiert sind (siehe HTML-Code in der Textdatei).
  • Window-Script 1: einstellbare Window-Optionen, zentriert)
  • Window-Script 2: nur Größe einstellbar, zentriert)

   Erklärungen

Dargestelt werden hier lediglich die <option>-Tags. Den gesamten Quellcode entnehmen sie der Textdatei (im Kopfbereich unter HTMLCode)



1) Zum Vergeich das simple <opition>-Tag

Der übliche Befehl für ein Optionsfeld innerhalb eines Formulars mit der Übergabe eines Wertes, hier der Dateiname 'chevy1998.htm'. 

<option value="chevy1998.htm">
chevy 1998
</option>


2) Das <opition>-Tag mit Aufruf des PopUp-Scripts 1 

<option value="JavaScript: popwin1('chevy1998.htm',350,300,0,0)">
chevy 1998
</option>


2) Das <opition>-Tag mit Aufruf des PopUp-Scripts 2 

<option value="JavaScript: popwin2('chevy1998.htm',350,300)">
chevy 1998
</option>



Zur Anpassung der Window-Eigenschaften folgende Änderungen im Aufruf:

Element    hier im Beispiel   ersetzen mit  
Dateiname chevy1998.htm Pfad/Dateiname 
Dateiname http://www.web-toolbox.net WEB-Adresse 
Breite 350 Wert in Pixel
Höhe 300 Wert in Pixel
im Script 1:
Scrollbars 0 1 / 0 (für ja od. nein)
Größe veränderbar 0 1 / 0 (für ja od. nein)





   Nur nebenher

Natürlich können sie die beiden JavaScripts ebenfalls für normale Textlinks verwenden:

Als Textlink:

chevy 1998 (window-script 1)

chevy 1999 (window-script 1)

toyota 1998 (window-script 2)

toyota 1999 (window-script 2)

www.web-toolbox.net (window-script 2) 


<a href="JavaScript: popwin1('chevy1998.htm',350,300,0,0)">
chevy 1998 (window-script 1)
</a>











NACH OBEN