Drop down optin boxes

Discussion in 'Making Money' started by justin71, Jun 21, 2010.

  1. justin71

    justin71 Junior Member

    Joined:
    Apr 13, 2010
    Messages:
    138
    Likes Received:
    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
     
  2. syns0r

    syns0r Junior Member

    Joined:
    Mar 31, 2007
    Messages:
    141
    Likes Received:
    31
    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>
    
    
     
    • Thanks Thanks x 1