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

Exit popup script help

Discussion in 'HTML & JavaScript' started by bpenn34, Jan 22, 2013.

  1. bpenn34

    bpenn34 Junior Member

    Joined:
    Mar 28, 2010
    Messages:
    104
    Likes Received:
    11
    I have found several exit pop up scripts but none will do exactly what i want to do... Is there a way to have a popup script that only pops up when someone tries to exit my squeeze page and not when they enter their email into the squeeze page?


    I am using lead rocket pro so I am having a little trouble with this.
    Any help would be appreciated.

    If you need me to post a link to my squeeze page to figure this out let me know.


    -Brad
     
  2. NojWang

    NojWang Newbie

    Joined:
    Dec 19, 2011
    Messages:
    42
    Likes Received:
    15
    Occupation:
    Entrepreneur
    Location:
    Canada
    What you want the pop up script to do is exactly what it should be doing. If you don't mind it would be easier to help figure out the issue if you post a link.
     
  3. jameshilton105

    jameshilton105 BANNED BANNED

    Joined:
    Feb 17, 2012
    Messages:
    215
    Likes Received:
    83
    Are you referring to Exit splash?
     
  4. prosper109

    prosper109 Junior Member

    Joined:
    Mar 3, 2013
    Messages:
    165
    Likes Received:
    12
    Maybe try an exit popup script from an affiliate network and just modify its code to suite your needs?
     
  5. inviz

    inviz Newbie

    Joined:
    Jun 15, 2010
    Messages:
    45
    Likes Received:
    5
    Here is a "hack" wich detects if the mouse is about to click the "close" button or "back" button and then displays a jquery popup.. You might have seen something similar on other sites.

    Code:
    
    
    		<style type="text/css">
    			* {
    				margin: 0px;
    				padding: 0px;
    			}
    			#leaving {
    				text-align: center;
    				width: 600px;
    				height: 470px;
    				margin: 0px auto;
    				display: none;
    				position: fixed;
    				padding: 20px;
    				-webkit-border-radius: 4px;
    				-moz-border-radius: 4px;
    				border-radius: 4px;
    				z-index: 999999;
    				background-color: #ffffff;
    			}
    			#leaving h1 {
    				margin-top: 0px;
    				padding-top: 0px;
    			}
    			#leaving p {
    				text-align: left;
    			}
    			#leaving_bg {
    				display: none;
    				width: 100%;
    				height: 100%;
    				position: fixed;
    				background: #000000;
    				z-index: 999998;
    			}
    		</style>
    		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    		<script src="http://code.jquery.com/jquery-migrate-1.1.0.min.js"></script>
    		<script type="text/javascript">
    				$(document).mousemove(function(c) {
    					$('#leaving').css('left', (window.innerWidth / 2 - $('#leaving').width() / 2));
    					$('#leaving').css('top', (window.innerHeight / 2 - $('#leaving').height() / 2));
    					if(c.pageY <= 5) {
    						// Show the exit popup
    						$('#leaving_bg').fadeIn();
    						$('#leaving').fadeIn();
    					}
    				});
    				$('#leaving_bg').click(function() {
    					$('#leaving_bg').fadeOut();
    					$('#leaving').slideUp();
    				});
    		</script>
    		<div id="leaving_bg"></div>
    		<div id="leaving">
    			<h1>So you are leaving us? Uhm..</h1>
    				Ok.. I was going to share the method I made <h3>$10,000</h3> in only 3 hours with you.
    				<strong>But now I DONT LIKE YOU ANYMORE</strong>
    		</div>
    
     
    • Thanks Thanks x 3