|
Frameless
Popup Select
all (ctrl 'A')
the text script INSIDE of this text box directly below
and copy it to your clipboard (ctrl
'C')
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>
<script>
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>
</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:
<body
onload="top.window.focus()">
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!
|
