hazemmostafa 0 Report post Posted April 29, 2007 Hello ,this is my first post here , hope you like it .It is amazing , eye catch cant miss drop-in window which you can put any ads or cool update ,,,, whatever you like so it drop-in your page onload with a close "X" option give it a try sure you will like it , also your site visitors will not miss it this drop-in script works fine FireFox 1 , InternetExplorer 5+ , Opera 7Add the below code to the <HEAD> section of your page <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">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.allvar dom=document.getElementByIdfunction initboxv2(){if (!dom&&!ie)returncrossboxcover=(dom)?document.getElementById("dropinboxv2cover") : document.all.dropinboxv2covercrossbox=(dom)?document.getElementById("dropinboxv2"): document.all.dropinboxv2scroll_top=(ie)? truebody().scrollTop : window.pageYOffsetcrossbox.height=crossbox.offsetHeightcrossboxcover.style.height=parseInt(crossbox.height)+"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.pageYOffsetif (parseInt(crossbox.style.top)<0){crossboxcover.style.top=scroll_top+dropboxtop+"px"crossbox.style.top=parseInt(crossbox.style.top)+dropspeed+"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.lengthend = document.cookie.indexOf(";", offset)if (end == -1)end = document.cookie.length;returnvalue=unescape(document.cookie.substring(offset, 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=initboxv2if (displaymode=="oncepersession")document.cookie="droppedinv2=yes"}</script> Insert the below HTML within the BODY section of your page, preferably at the very end <div id="dropinboxv2cover"><div id="dropinboxv2">INSERT YOUR CONTENT HERE. DO NOT REMOVE THE TWO OUTER DIVS<br><p align="right"><a href="#" onClick="dismissboxv2();return false">Close It</a></p></div></div> Edit the style sheet to configure the basic look of the Content Box. Then, refer to the comments contained inside the script to set the variables.Cool Share this post Link to post Share on other sites
TavoxPeru 0 Report post Posted April 30, 2007 WOW, it is very cool this script, thanks for the share.BTW, right now i just imagine some places that i could use it, for example, one can be for replacing an infamous pop up window.Best regards, Share this post Link to post Share on other sites
jimmy89 0 Report post Posted April 30, 2007 Thats a very nice script! There is an endless amount of uses for this type of pop up, as Tavox said, imagine the possibilities!Thanks for sharing it-jimmy Share this post Link to post Share on other sites
