Mit diesem JavaScript kann man per Klick ein Frameless Pop-Up Window öffnen. Im JavaScript kann man einstellen ob bei verlassen der Seite das Pop-UpFenster geöffnet bleibt oder sich schließt.
Autor: etLux
zur Demo
in <Head> einfügen
// Amazing Frameless PopUp Window - Version I
// (C) 2000 www.CodeLifter.com
// Free for all users, but leave in this header
// Breite und Hoehe des PopUp-Fensters vorgeben
var windowW=214 // Breite
var windowH=150 // Hoehe
// Bildschirmposition vorgeben (Standard ist zentriert)
var windowX = (screen.width/2)-(windowW/2);
var windowY = (screen.height/2)-(windowH/2);
//var windowX = 260 // x Pixel von links
//var windowY = 100 // x Pixel von oben
// Seite, die im PopUp-Fenster angezeigt werden soll
var urlPop = "http://www.scriptwelt.org"
// Titel des PopUp-Fensters
var title = "rahmenloses PopUp-Fenster"
// Wert auf 'true': PopUp-Fenster wird mit Verlassen der
// aufrufenden Seite geschlossen
// Wert auf 'false': PopUp-Fenster wird nicht mit Verlassen
// der aufrufenden Seite geschlossen
var autoclose = true
// ===========================
// Ab hier nichts mehr aendern
// ===========================
s = "width="+windowW+",height="+windowH;
var beIE = document.all?true:false
function openFrameless(){
if (beIE){
NFW = window.open("","popFrameless","fullscreen,"+s)
NFW.blur()
window.focus()
NFW.resizeTo(windowW,windowH)
NFW.moveTo(windowX,windowY)
var frameString=""+
"<html>"+
"<head>"+
"<title>"+title+"</title>"+
"</head>"+
"<frameset rows='*,0' framespacing=0 border=0 frameborder=0>"+
"<frame name='top' src='"+urlPop+"' scrolling=auto>"+
"<frame name='bottom' src='about:blank' scrolling='no'>"+
"</frameset>"+
"</html>"
NFW.document.open();
NFW.document.write(frameString)
NFW.document.close()
} else {
NFW=window.open(urlPop,"popFrameless","scrollbars,"+s)
NFW.blur()
window.focus()
NFW.resizeTo(windowW,windowH)
NFW.moveTo(windowX,windowY)
}
NFW.focus()
if (autoclose){
window.onunload = function(){NFW.close()}
}
}
</script>
in <body> einfügen
<a href="javascript:openFrameless()">PopUp-Fenster öffnen</a>
|