Zentriertes PopUp
von Dirk Metzmacher
Inhalte in einem neuen Browserfenster zu öffnen ist kein Problem. Soll das neue Fenster aber zentriert auftauchen, sind mehr Informationen gefragt.
Ein Link ist nicht besonderes, wäre da nicht der Event-Handler onClick, der beim Anklicken die Funktion neuesFenster auslöst. Der Funktion werden die Informationen: Im Vordergrund, Name des Fensters, Größe des Fensters und Rollbalken (oder auch nicht) zugewiesen.
<a href="http://www.drweb.de" onclick="neuesFenster(this.href,
'name','400','400','yes');return false">Dr.Web</a>
Den folgenden Teil setzen Sie in den <head>-Bereich Ihrer Homepage ein. Zuerst wird die Variable Fenster samt der Funktion neuesFenster definiert.
<script language="Javascript">
var Fenster = null;
function neuesFenster(meineSeite,meinName,w,h,scroll){
Mit dem Objekt screen können Sie Angaben zum Bildschirm des Anwenders ermitteln. Mit screen.width erhalten Sie die Breite, mit screen.height die Höhe des Bildschirms.
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
Da so der Bildschirmmittelpunkt berechnet werden kann, muss nur noch die Größe des Fensters, das sich öffnet, abgezogen werden. Dies geschieht durch
settings ='height='+h+',width='+w+',top='+TopPosition+
',left='+LeftPosition+',scrollbars='+scroll+',resizable'
Fenster = window.open(meineSeite,meinName,settings)
}
</script>
Auch wenn PopUps beim Besucher eher Verärgerung auslösen als Freude - wenn man es macht, dann richtig. (dm)
Weitere Anregungen und Tipps findet man auf der Seite von Dr.Web.de, von der auch dieses Beispiel stammt. (Kann ich nur wärmstens empfehlen.)