drop in box

Leejoo.nl is De Start voor de beginnende webmaster... Hier vind je werkelijk alles om van je site een Suc6 te maken; Javascritps , Applets, Animaties, Achtergronden, Tools, Generators, Tips & Tricks etc !
Sponsored by Yourhosting

De Dropinbox is de ideale manier om je bezoekers te informeren over nieuws op de site, een speciale gelegenheid etc. Het mooie is dat je kunt bepalen hoe vaak de bezoeker de box te zien krijgt. Aanpassingen staan meegeschreven in het script !


	Plak dit tussen de <head> tags

<style type="text/css"> #dropinboxv2cover{ width: 300px; /*breedte */ height: 200px; /*hoogte */ position:absolute; z-index: 100; overflow:hidden; visibility: hidden; } #dropinboxv2{ width: 280px; /*breedte van boven -20. */ height: 180px; /*hoogte van boven -20. */ border: 1px green; background-color: orange; /*kleur*/ padding: 4px; position:absolute; left: 0; top: 0; } </style> <script type="text/javascript"> var dropboxleft=100 //linker positie (in px) var dropboxtop=60 //top positie (in px) var dropspeed=15 //snelheid verschijnen (groter is sneller) //er zijn 3 verschillende weergaven mogelijk: //1) "always"- drop box zal iedere keer verschijnen bij het laden van de pagina //2) "oncepersession"- mbv cookies zal hij slechts eenmaal verschijnen //3) integer (ie: 5)- variabele weergave, zelf in te geven // bijv, 2 laat de box (1/2) 50% van de keren zien dat de box verschijnt. var displaymode="always" 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("dropinboxv2cover") : document.all.dropinboxv2cover crossbox=(dom)?document.getElementById("dropinboxv2"): document.all.dropinboxv2 scroll_top=(ie)? truebody().scrollTop : window.pageYOffset crossbox.height=crossbox.offsetHeight crossboxcover.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.pageYOffset if (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.length end = 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=initboxv2 if (displaymode=="oncepersession") document.cookie="droppedinv2=yes" } </script>

© www.leejoo.nl