Center Browser
|
|
|
Center Browser |
Viele WebDesigner (ich eingeschlossen) bieten externe kleinere Browserfenster mit Informationen an, die mit Mausklick geöffnet werden ... nur hüpft das geöffnete Browserfenster bei einem normalen "Window-Open-JS" in die linke obere Ecke des Bildschirms. Eine elegantere Lösung bietet dieses JS, es zentriert das aufgerufene Browserfenster mitten auf den Bildschirm.
Legende zum Script:
- Die Steuerung (blau) gehört in den
HEAD
- Das Aufruf-JS gehört in den Link-Bereich
(die einzelnen Variablen können je nach Wunsch eingestellt werden "yes-no,
Größe des Browserfensters")
Klicke hier für ein Beispiel: Browserfenster öffnen
Das Script:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function openBrWindow(theURL,winName,features, myWidth, myHeight, isCenter)
{
if(window.screen)if(isCenter)if(isCenter=="true"){
var myLeft = (screen.width-myWidth)/2;
var myTop = (screen.height-myHeight)/2;
features+=(features!='')?',':'';
features+=',left='+myLeft+',top='+myTop;
}
window.open(theURL,winName,features+((features!='')?',':'')+'width='+myWidth+',height='+myHeight);
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<a href="musterlink.htm"
onClick="openBrWindow('musterlink.htm', 'blank',
'toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes',
'750','410', 'true')">musterlink</a>
</body>
</html>
Variante 2:
Dieses Script in eine HTML Seite eingebaut, zentriert den Browser automatisch
mitten auf den Bildschirm beim laden der Seite. (Sinnvoll für Besucher
die immer nur in Fenster surfen, weil sie einen 50" Bildschirm haben ;-)....
)
Das Script:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function winCenter() {
if (document.layers) {
var sinist = screen.width / 2 - outerWidth / 2;
var toppo = screen.height / 2 - outerHeight / 2;
} else {
var sinist = screen.width / 2 - document.body.offsetWidth / 2;
var toppo = -75 + screen.height / 2 - document.body.offsetHeight / 2;
}
self.moveTo(sinist, toppo);
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onLoad="winCenter()">
</body>
</html>
© 2001 by g¿smo