Drop down optin boxes

justin71

Junior Member
Joined
Apr 13, 2010
Messages
136
Reaction score
29
Hey was wondering if there are any free drop down type boxes, I like this one I foudn on some shitty cb product page
www richjanitor.com/ it kind of bumps down fast, anyone know what it is or what the best drop in opt in boxes are? Or even if they are too annoying and shouldnt I bother with them?
thanks
 
the js source code of DropPopOver.js is:
Code:
var ie=document.all
var dom=document.getElementById
var ns4=document.layers

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)? document.body.scrollTop : window.pageYOffset
crossobj.top=scroll_top-250
crossobj.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropin()",50)
}



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

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

//window.onload=initbox

function getexpirydate( nodays){
var UTCstring;
Today = new Date();
nomilli=Date.parse(Today);
Today.setTime(nomilli+nodays*24*60*60*1000);
UTCstring = Today.toUTCString();
return UTCstring;
}
function getcookie(cookiename) {
 var cookiestring=""+document.cookie;
 var index1=cookiestring.indexOf(cookiename);
 if (index1==-1 || cookiename=="") return ""; 
 var index2=cookiestring.indexOf(';',index1);
 if (index2==-1) index2=cookiestring.length; 
 return unescape(cookiestring.substring(index1+cookiename.length+1,index2));
}
function setcookie(name,value,duration){
cookiestring=name+"="+escape(value)+";EXPIRES="+getexpirydate(duration);
document.cookie=cookiestring;
//document.write("Saved");
if(!getcookie(name)){
return false;
}
else{
return true;
}
}
function date1(){
now = new Date();
then = new Date(" Jan 01 1970 00:00:00");
seconds=now-then/1000;
month=1+now.getMonth();
day=now.getDate();
year=now.getFullYear();
document.write( day+"-"+month+"-"+year+"");
}
function checkout(){
		if(getcookie('buy')=="yes")
		{
			return true;
		}
		else
		{
			window.location.href = "default.htm";
			openIT('mc.htm',410,410,null,null,'mywinname01');
		}
};

He then adds this include etc in the head section:
Code:
<script src="../scripts/DropPopOver.js" type="text/javascript"></script
<script type="text/javascript">// <![CDATA[
var ie=document.all
var dom = document.getElementById
var ns4 = document.layers
var bouncelimit = 32
var direction = "up"
var crossobj = null;
function initbox(){
if (!dom&&!ie&&!ns4)
return;
crossobj=(dom)?document.getElementById("dropin") : ie? document.all.dropin : document.dropin
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
crossobj.style.top = scroll_top-250 + "px"
crossobj.style.visibility=(dom||ie)? "visible" : "show"
dropstart = setInterval("dropin()", 50)
}

function dropin(){
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset

	if (parseInt(crossobj.style.top)<100+scroll_top)
	crossobj.style.top = parseInt(crossobj.style.top) + 40 + "px"
	else{
	clearInterval (dropstart)
	bouncestart = setInterval("bouncein()", 50)
	}

}

function bouncein(){
crossobj.style.top = parseInt(crossobj.style.top) - bouncelimit + "px"

if (bouncelimit<0)
	bouncelimit+=8
	bouncelimit = bouncelimit * -1

if (bouncelimit==0){
	clearInterval (bouncestart)
	}
}


function dismissbox(){
if (window.bouncestart) clearInterval(bouncestart)
	crossobj.style.visibility = "hidden"
	}
window.setTimeout('initbox()',1000);
// ]]></script>

and wrap your opt-in box with a div id of dropin such as his :
Code:
<div id="dropin" style="position:absolute; visibility:hidden; margin:100px auto auto 100px; width:516px; height:420px; border:2px dashed #400000; background-color:#FFFFFF">



<div align="right">

<font face="Tahoma" size="2"><a href="#" onClick="dismissbox();return false">[Close]</a></font>  </div>

<form method="post" action="http://www.aweber.com/scripts/addlead.pl">

<center>

<input type="hidden" name="meta_web_form_id" value="1478148188" /> <input type="hidden" name="meta_split_id" value="" /> <input type="hidden" name="unit" value="xx" /> <input type="hidden" name="redirect" value="http://www.xx.com" id="redirect_b2bb90d777a592ab9ad0642130414a1e" /> <input type="hidden" name="meta_redirect_onlist" value="" /> <input type="hidden" name="meta_adtracking" value="" /> <input type="hidden" name="meta_message" value="1" /> <input type="hidden" name="meta_required" value="from" /> <input type="hidden" name="meta_forward_vars" value="0" />

<table width='506' border='0' cellspacing='0' cellpadding='0' align='center' height='342'>

<tr>

<td valign='top' colspan="3"><img src="http://xx.com/img/how.jpg" width="503" height="241" ></td>  
</tr>



<tr>

<td rowspan=2 width="112" align="right">

<img src="http://xx.com/img/red_arrow.gif" width="105" height="75"></td>

<td width="87"><font face="Georgia, Times New Roman, Times, serif">Your Name: </font></td>

<td width="227"><input type="text" name="name" value="" size="21" /></td>
</tr>

<tr>

<td width="87"><font face="Georgia, Times New Roman, Times, serif">Your Email: </font></td>

<td width="227"><input type="text" name="from" value="" size="21" /></td>
</tr>

<tr>

<td align="center" colspan="3" width="458"><input onclick="ShowExitPopup = false;" type="submit" name="Sign up" value="Give Me Free Access Now" /><br><font face="Verdana" size="1">We hate spam. Your privacy is important.</font></td>
</tr>

</table>
</center>
</form>
</div>
 
Back
Top