Help with pop-up window... - Work From Home Forum -- Work At Home -- Working From Home

Rickk · #1 08-20-2008, 01:28 PM

Hi ... I was wondering if anyone could help...

What is the best way to put a pop up window on a website?

What I would like is when people visit the site, a pop up box comes up with an announcement of a special offer, and then just a close button so they can carry on looking at the website.

Any tips on how to do this?

Thanks a million!

Jamison · #2 08-22-2008, 12:37 AM

Here is a really simple way:

http://javascript.internet.com/gener...up-window.html

What are you wanting to accomplish?

Rickk · #3 08-28-2008, 01:30 PM

Thanks Jamison! I am wanting to catch people's attention when they first come to my website with either a special announcement or advertisement.

Jamison · #4 09-21-2008, 10:33 PM

Some of these pop-ups work pretty good for opt-in pages. Just be careful what you do with them. That is why "pop-up blockers" were invented.

stevel4857 · #5 12-05-2008, 10:36 AM

go here:

http://javascript.internet.com/misce...n-content.html and change the code so that instead of on mouseover (the link) you add the code to the body tag and have it onload="" etc...

stevel4857 · #6 12-05-2008, 10:41 AM

actually, this is what you want.

http://javascript.internet.com/text-...ntent-box.html

they're called dropdown boxes. This code will tell when and how many times to dropdown. Cosmetically it could look much better but all of the functionality is there.
Its a hidden div tag made invisible by CSS and only resembles a window.

stevel4857 · #7 12-05-2008, 10:42 AM

<HEAD>









<style type="text/css">

#dropinboxv2cover{

width: 320px; /*change width to desired */

height: 220px; /*change height to desired. REMOVE if you wish box to be content's natural height */

position:absolute; /*Don't change below 4 rules*/

z-index: 100;

overflow:hidden;

visibility: hidden;

}

#dropinboxv2{

width: 300px; /*change width to above width-20. */

height: 200px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/

border: 2px solid black; /*Customize box appearance*/

background-color: lightyellow;

padding: 4px;

position:absolute; /*Don't change below 3 rules */

left: 0;

top: 0;

}

</style>

<script type="text/javascript">

/***********************************************

* Amazon style Drop-in content box- © Dynamic Drive DHTML code library (www.dynamicdrive.com)

* Visit DynamicDrive.com for hundreds of DHTML scripts

* This notice must stay intact for legal use

* Go to http://www.dynamicdrive.com/ for full source code

***********************************************/

var dropboxleft=200 //set left position of box (in px)

var dropboxtop=100 //set top position of box (in px)

var dropspeed=15 //set speed of drop animation (larger=faster)

//Specify display mode. 3 possible values are:

//1) "always"- This makes the fade-in box load each time the page is displayed

//2) "oncepersession"- This uses cookies to display the fade-in box only once per browser session

//3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...

// For example, 2 would display the box about (1/2) 50% of the time the page loads.

var displaymode="always"

///Don't edit beyond here///////////

if (parseInt(displaymode)!=NaN)

var random_num=Math.floor(Math.random()*displaymode)

var ie=document.all

var dom=document.getElementById

function initboxv2(){

if (!dom&&!ie)

return

crossboxcover=(dom)?document.getElementById("dropi nboxv2cover") : document.all.dropinboxv2cover

crossbox=(dom)?document.getElementById("dropinboxv 2"): document.all.dropinboxv2

scroll_top=(ie)? truebody().scrollTop : window.pageYOffset

crossbox.height=crossbox.offsetHeight

crossboxcover.style.height=parseInt(crossbox.heigh t)+"px"

crossbox.style.top=crossbox.height*(-1)+"px"

crossboxcover.style.left=dropboxleft+"px"

crossboxcover.style.top=dropboxtop+"px"

crossboxcover.style.visibility=(dom||ie)? "visible" : "show"

dropstart=setInterval("dropinv2()",50)

}

function dropinv2(){

scroll_top=(ie)? truebody().scrollTop : window.pageYOffset

if (parseInt(crossbox.style.top)<0){

crossboxcover.style.top=scroll_top+dropboxtop+"px"

crossbox.style.top=parseInt(crossbox.style.top)+dr opspeed+"px"

}

else{

clearInterval(dropstart)

crossbox.style.top=0

}

}

function dismissboxv2(){

if (window.dropstart) clearInterval(dropstart)

crossboxcover.style.visibility="hidden"

}

function truebody(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}

function get_cookie(Name) {

var search = Name + "="

var returnvalue = ""

if (document.cookie.length > 0) {

offset = document.cookie.indexOf(search)

if (offset != -1) {

offset += search.length

end = document.cookie.indexOf(";", offset)

if (end == -1)

end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(off set, end))

}

}

return returnvalue;

}

if (displaymode=="oncepersession" && get_cookie("droppedinv2")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){

if (window.addEventListener)

window.addEventListener("load", initboxv2, false)

else if (window.attachEvent)

window.attachEvent("onload", initboxv2)

else if (document.getElementById || document.all)

window.onload=initboxv2

if (displaymode=="oncepersession")

document.cookie="droppedinv2=yes"

}

</script>

</HEAD>



<BODY>









<div id="dropinboxv2cover">

<div id="dropinboxv2">

JavaScriptSource is your home for free scripts. You can add anything you like to the box.

Thanks DynamicDrive.

<br>

<p align="right"><a href="#" onClick="dismissboxv2();return false">Close It</a></p>

</div>

</div>

<p><center>

<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>

by <a href="http://javascriptsource.com">The JavaScript Source</a></font>

</center><p>

InformationJunkie · #8 12-07-2008, 01:34 AM

Handy stuff. I think it might get lost though. Maybe should be its own thread.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
How to Build a Fortune in Window Cleaning Business	mrClen	Home Business Talk	3	11-26-2006 01:39 AM
Windows Vista	psx23.com	Club Lounge	1	11-03-2006 12:14 AM