CodeLifter.com - JavaScript Amazing Frameless Peeker Popup Window Script

CodeLifter.com
Software & Scripts by CodeBrain.com

PopUp Maker
- popup windows

CodeLifter 5
- source viewer

ScrollBar Styler
- color scrollbars

Flash Fixer
- remove alerts

Roll-Over Maker
- image roll-overs

Link Cloaker 5
- encrypt links

Site Capture 3
- hidden frames

CHMOD 2 Utility
- chmod utility

BlackBird 3.0
- browser shell

Zoom 1.0
- magnifier

MicroTicker.com
- text scroller

CodeBrain.com
- java applets

D3Q.com
- xp icon control

BrainCode.com
- java applets

MailToProtector
- protect email

Affiliate Program

Amazing Frameless 'Peeker' Popup
Frameless IE Popup Window Glides into View

Watch Lower Right for Demo
(Note: The page must fully load before the 'peeker' will start.)

Click here to select the code in the window below.
Use Ctrl+C to copy it to your clipboard.

==============================================================
Script:     Amazing Frameless 'Peeker' Popup Window

Functions:  In IE4 and later, this script launches a type
            of window ad servers call a "peeker" popup --
            which slowly rises into view from the bottom
            of the screen.  This is a frameless popup
            window without the Windows frame or titlebar
            (that is, a "containerless" window).
            
            In other 4.x+ browsers, it launches a standard
            popup window.
             
            Positioning, width, height, speed, and many 
            other parameters are settable.
            
            Automatic closing of the window on leaving the
            page may also be optionally set.

Browsers:   IE4 and later
            Degrades functionally in other 4.x+ browsers

Author:     etLux
==============================================================

STEP 1.
Inserting the <script> in your page

Put the following <script> </script> in the head
section of your launching page.

Set the variables as indicated in the script.

<script>

// Amazing Frameless Peeker Window
// (C) 2001 www.CodeLifter.com
// Free for all users, but leave in this  header
// ----------------------------------------------

// set the popup window width and height

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

// set vertical offset if you want the popup
// to rise above or stop below screen bottom;

var Yoffset=0   // in pixels, negative values allowed

// set the vertical motion parameters

var windowStep=2 // move increment (pixels)
var moveSpeed=10 // move speed (larger is slower)

// set the horizontal positioning of the window
// choices are left, center, right

Xmode="right";

// in left or right Xmode, set any offset from
// the screen edge here, if desired

Xoffset=35;

// set the url of the page to show in the popup

var urlPop = "yourpage.html"

// set the title of the page

var title =  "This Is A Frameless Peeker";

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

var autoclose = true

// ============================
// do not edit below this line
// ============================

var windowX = (screen.width/2)-(windowW/2);
if (Xmode=="left") windowX=0+Xoffset;
if (Xmode=="right") windowX=screen.availWidth-Xoffset-windowW;
var windowY = (screen.availHeight);
var windowYstop = windowY-windowH-Yoffset;
var windowYnow = windowY;

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

function openPeeker(){
  if (beIE){
    PFW = window.open("","popFrameless","fullscreen,"+s)     
    PFW.blur()
    window.focus()       
    PFW.resizeTo(windowW,windowH)
    PFW.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>"
    PFW.document.open();
    PFW.document.write(frameString)
    PFW.document.close()
  } else {
    PFW=window.open(urlPop,"popFrameless","scrollbars,"+s)
    PFW.blur()
    window.focus() 
    PFW.resizeTo(windowW,windowH)
    PFW.moveTo(windowX,windowY)
  }   
  PFW.focus()   
  if (autoclose){
    window.onunload = function(){PFW.close()}
  }
  movePFW();
}

function movePFW(){
  if (document.all){
    if (windowYnow>=windowYstop){
      PFW.moveTo(windowX,windowYnow);
      PFW.focus();
      windowYnow=windowYnow-windowStep;
      timer=setTimeout("movePFW()",moveSpeed);
    }else{
      clearTimeout(timer);
      PFW.moveTo(windowX,windowYstop);
      PFW.focus();
    }
  }else{
    PFW.moveTo(windowX,windowYstop);
  }
}

</script>

==============================================================

STEP 2.
Triggering the popup window

Call the openPeeker function from an onload event in the body
tag, like this:

<body onload="openPeeker()">

Note that the 'peeker' window will not start until the main
page from which it is launched has fully loaded.

==============================================================

Get The Code!

CodeLifter is a CodeBrain.com Sister Site
� 1995-2008 OEC Corp & CodeLifter.com
CodeLifter� & CodeBrain�
Legal Notices

CodeBrain InterNET Group
BrainCode.com	CodeFoot.com	CodeBelly.com
D3Q.com	etLux.com	FFFast.com
IEFix.com	PopUpWorks.com	MicroTicker.com
DavidSosnowski.com	OECCorp.com	MailToProtector.com
	CodeBrain.com

Free MP3
Downloads

Contemporary classical music, completely free.

.