Frameless Popup Generator

Uncategorized

Posted on March 19, 2022
399
0 Comment

Frameless Popup

Select all (ctrl ‘A’) the text script INSIDE of this text box directly below and copy it to your clipboard (ctrl ‘C’)

var windowW=214 // wide
var windowH=398 // high

var windowX = (screen.width/2)-(windowW/2);
var windowY = (screen.height/2)-(windowH/2);

var urlPop = “yourpage.html”
var title = “This Is A Frameless Popup Window”

// set this to true if the popup should close
// upon leaving the launching page; else, false

var autoclose = true

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>

Open a your webpage that you want to use the frameless popup in a programsuch as Wordpad or Notepad and paste the above text (ctrl ‘V’) in between the HEAD Tags of the document.

The head of your webpage should now look like the code directly below. Edit the RED text only to reflect the web address and popup information you want to display:

<HEAD>

var windowW=214 // wide
var windowH=398 // high

var windowX = (screen.width/2)-(windowW/2);
var windowY = (screen.height/2)-(windowH/2);

var urlPop = “yourpage.html”
var title = “This Is A Frameless Popup Window”

// set this to true if the popup should close
// upon leaving the launching page; else, false

var autoclose = true

s = “width=”+windowW+”,height=”+windowH;
var beIE = document.all?true:false

</script>

</HEAD>

Now you must tell the webpage how you want the frameless popup to appear. You have two choices. A. using the <body tag and having the popup load as the web page loads:

Or by using a link that visitors can click on:

<a href=”javascript:openFrameless()”>click here</a>

After you have embedded the Head script into your page and you have added the body or link code correctly, you are ready to upload your pages!

Enjoy!

<< Previous Post

Next Post >>