(cache) Dynamic Drive DHTML Scripts- Drop-in content box

Submit FAQs Awards Usage Terms Contact

Home Dynamic Content Here

Categories

Partners

DaniWeb Web Dev Community

DaniWeb is an exciting community for web developers, Internet marketers, and technology enthusiasts.

Other Sections

Compatibility

IE5+: IE 5 and above
FF1+: Firefox 1.0+. NS6+ and FF beta are assumed as well.
Opr7+: Opera 7 and above.

Bookmark online:

Bookmark to del.icio.us
Bookmark to Furl.net

var ie=document.all
var dom=document.getElementById
var ns4=document.layers
var calunits=document.layers? "" : "px"

var bouncelimit=32 //(must be divisible by 8)
var direction="up"

function initbox(){
if (!dom&&!ie&&!ns4)
return
crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
crossobj.top=scroll_top-250+calunits
crossobj.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropin()",50)
}

function dropin(){
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
if (parseInt(crossobj.top)<100+scroll_top)
crossobj.top=parseInt(crossobj.top)+40+calunits
else{
clearInterval(dropstart)
bouncestart=setInterval("bouncein()",50)
}
}

function bouncein(){
crossobj.top=parseInt(crossobj.top)-bouncelimit+calunits
if (bouncelimit<0)
bouncelimit+=8
bouncelimit=bouncelimit*-1
if (bouncelimit==0){
clearInterval(bouncestart)
}
}

function dismissbox(){
if (window.bouncestart) clearInterval(bouncestart)
crossobj.visibility="hidden"
}

function truebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

FF1+ IE5+ Opr7+

Drop-in content box

Author: Dynamic Drive

Note: Last updated July 10th, 03' for doctype bug.

Description: Ensure that particular content on your page gets the attention it deserves, by dropping it into view, using this script. Whether it is an important announcement, an advertisement, or an ode to your pet you feel everyone should read, the choice is yours!

Anything that invites attention overtime will become a nuisance. To counter this, this script supports "frequency control", so you can specify how often the content drops in.

Demo: Did it hit you? Drop in Again.

Directions:

Step 1: Select how often you wish the drop-in box to appear. The choices are:

Having made your choice, follow the below steps to copy the corresponding code to your site. Make sure you've made your selection above first, as the code differs depending on it.

Step 2: Add the below script to the HEAD section of your page:

Step 3: Add the below HTML code to the BODY section of your page, at the VERY end:

You'll want to edit the code of Step 3 to insert your own content. Be sure to not remove the uttermost DIV tag.

This is a drop in box

Display any content here, from text, images, to rich HTML. Use the close link to dismiss the box. Click the close box to dismiss it. Script compatible in IE4+, NS4, and NS6+.

Display any content here, from text, images, to rich HTML. Use the close link to dismiss the box. Click the close box to dismiss it. Script compatible in IE4+, NS4, and NS6+.