1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

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.**">
    
    <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