blogs.ppedv.de - Artikel

Willkommen!
noch nicht registriert?

zurück

Autor:
Erstellt am: 19 Mär 2001 00:00

popup-Fenster mit Javacsript

popup Fenster werden häufig dazu benötigt um Werbung oder wichtige Informationen dem User
mitzuteilen !Wir möchten ein popup Fenster das beim aufrufen unserer startseite unten rechts erscheint
und nach wenigen sekunden sich von selbst wieder schließt !!
In dem nachfolgendem Script wird beschrieben wie man dies realisiert.

(01)<SCRIPT LANGUAGE=javascript>
(02)
(03)   var nn = (navigator.appName == "Netscape") ? true : false
(04)  function show_popup()
(05)   {
(06) var size_attr = nn ? "innerWidth=200,innerHeight=200" : "width=500,height=155";
(07) var iW;
(08) var iH;
(09)
(10)     iW = window.screen.width - 525;
(11)     iH = window.screen.height - 210;
(12)     window.open('popup.htm','wndPop','height=155, width=500, left=' + iW + ', top=' + iH);
(13)
(14)   }
(15)
(16)</script>
(17)
(18)<body onload="javascript:show_popup('popup.htm');">

In den Zeilen 1-16 wird die Funktion beschrieben ein neues Fenster mit einer bestimmten größe(06)
an einem bestimmten Bereich(10-12) des Bildschirmes zu öffnen !
In der Zeile 18 wird mit 'body onload="javascript:show_popup('popup.htm');")'die Funktion mit dem
Verweis auf die popup.htm aufgerufen !

-------------------------------------------------------------------------------------------------
In der popup.htm haben wir dann eine Funktion eingebaut die das popup Fenster
automatisch nach 9000 millisekunden schließt !

<SCRIPT LANGUAGE=javascript>
  var TickerTime = 9000;

  function schliessen()
    {
     close("popup1.htm");
    }
   setTimeout( "schliessen()", TickerTime );
</SCRIPT>

Dieses Script wird ausführlich in dem Artikel "Javascript-Ticker in Verbindung
mit einem Redirect" beschrieben !

Das Ergebnis der beiden Scripte sehen Sie beim Aufruf der Startseite von www.devtrain.de