Can someone help me - I need my code to only show ONCE per browser session

Discussion in 'JavaScript' started by EGS, Sep 15, 2010.

  1. #1
    Hi.

    I need help. I need my JavaScript code to only show once per browser session. Is that every time they go on my site?

    I don't want it to be annoying so maybe I should do once per day? I don't know the difference but I don't want to annoy users & thus lose them. Please help me.

    Can someone modify my code to only display once per visit/once per day? I'd like to know the difference as well. Here is the code:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html>
    <head>
    	<title>Untitled</title>
    </head>
    
    <body>
    
    <!-- this goes anywhere in the root of the -->
    <div id="slideIn" style="position:absolute; width: 720px; height: 320px; left: 0; top: -600px; z-index: 100; border: 1px solid gray; padding: 20px; font-family: 14px Verdana, sans-serif, Tahoma, Arial; font-color: black;"
    	<div style="text-align:right"><input type="button" value="CLOSE" onclick="f_slideOut()" style="background: black; color: white; border: 2px solid #dcdcdc;"></div>
    <span style="font-family: Verdana, sans-serif, Tahoma, Arial; font-size: 13px; text-align: center;">
    <b>Buying/Selling/Trading MMORPG Accounts?</b>
    <br /><br />
    <b>YOU HAVE A <u>70% PROBABILITY OF BEING SCAMMED</u> OUT OF YOUR MMORPG ACCOUNT AND/OR MONEY.</b> Whether you're a MMORPG account buyer, seller, and/or trader, the odds are against you; MMORPG-related transactions statistically hold a 70% fraud probability. Since 2006, EGS has served many thousands of MMORPG gamers overcome fraud. <b>Our <a href="http://www.egamingsupply.com/middleman-service-order-page" title="Middleman Service" style="color: #336699; text-decoration: underline;">Middleman Service</a> provides 99.9% safer transactions.</b> <i>SPECIAL: Save 20%! Use coupon code "<u>Monarch20Bday</u>" at check-out.</i>
    	<a href="http://www.egs.us/buy/middleman-service" title="EGS Middleman Service"><img src="images/egsldr3.gif" style="border: none;" alt="EGS Middleman Service" /></a>
    </div>
    <div id="slideInShade" style="position:absolute;z-index:99;visibility:hidden;"></div>
    <script>
    var s_userAgent = navigator.userAgent.toLowerCase(),
    	s_location = String(window.location).toLowerCase(); // copyright protection
    
    var b_mac = s_userAgent.indexOf('mac') != -1,
    	b_ie5    = s_userAgent.indexOf('msie 5') != -1,
    	b_ie6    = s_userAgent.indexOf('msie 6') != -1 && s_userAgent.indexOf('opera') == -1,
    	b_ieMac  = b_mac && b_ie5,
    	b_safari = b_mac && s_userAgent.indexOf('safari') != -1,
    	b_opera6 = s_userAgent.indexOf('opera 6') != -1;
    
    var e_slideIn = document.getElementById('slideIn');
    var e_slideInShade = document.getElementById('slideInShade');
    
    function f_slideIn() {
    	if (!window.e_slideIn) return;
    	var n_width  = e_slideIn.offsetWidth;
    	var n_height = e_slideIn.offsetHeight;
    	var n_left   = (f_clientWidth() - n_width) / 2;
    	var n_top    = parseInt(e_slideIn.style.top);
    	var n_moveTo = (f_clientHeight() - n_height) / 2;
    
    	e_slideIn.style.left = n_left + 'px';
    	e_slideIn.style.visibility = 'visible';
    	f_customShade(n_width, n_height, n_left, n_top);
    	e_slideInShade.style.visibility = 'visible';
    
    	n_slideMove (n_top, n_moveTo);
    }
    
    function n_slideMove (n_top, n_moveTo) {
    	n_inc = Math.round((n_moveTo - n_top) / 20);
    	if (!n_inc) return;
    	n_top += n_inc;
    	f_customShade(null, null, null, n_top);
    	e_slideIn.style.top  = n_top + 'px';
    	setTimeout('n_slideMove(' + n_top + ',' + n_moveTo + ')', 10);
    }
    
    function f_slideOut() {
    	if (!window.e_slideIn) return;
    	e_slideIn.style.visibility = 'hidden';
    	e_slideInShade.style.visibility = 'hidden';
    }
    
    function f_clientWidth() {
    	if (typeof(window.innerWidth) == 'number')
    		return window.innerWidth;
    	if (document.documentElement && document.documentElement.clientWidth)
    		return document.documentElement.clientWidth;
    	if (document.body && document.body.clientWidth)
    		return document.body.clientWidth;
    	return null;
    }
    function f_clientHeight() {
    	if (typeof(window.innerHeight) == 'number')
    		return window.innerHeight;
    	if (document.documentElement && document.documentElement.clientHeight)
    		return document.documentElement.clientHeight;
    	if (document.body && document.body.clientHeight)
    		return document.body.clientHeight;
    	return null;
    }
    function f_customShade (n_width, n_height, n_left, n_top) {
    	if (!e_slideInShade) return;
    	if (n_width != null) e_slideInShade.style.width = (n_width + 8) + 'px';
    	if (n_left != null) e_slideInShade.style.left = (n_left - 1) + 'px';
    	e_slideInShade.style.top = (n_top - 1) + 'px';
    	if (!e_slideInShade.innerHTML) {
    		if (b_ie5 || b_ie6)
    			e_slideInShade.innerHTML = '<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td rowspan="2" colspan="2" width="6"><img src="images/pixel.gif"></td><td width="7" height="7" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'images/shade_tr.png\', sizingMethod=\'scale\');"><img src="images/pixel.gif"></td></tr><tr><td height="' + (n_height - 7) + '" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'images/shade_mr.png\', sizingMethod=\'scale\');"><img src="images/pixel.gif"></td></tr><tr><td width="7" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'images/shade_bl.png\', sizingMethod=\'scale\');"><img src="images/pixel.gif"></td><td style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'images/shade_bm.png\', sizingMethod=\'scale\');" height="7" align="left"><img src="images/pixel.gif"></td><td style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'images/shade_br.png\', sizingMethod=\'scale\');"><img src="images/pixel.gif"></td></tr></table>';
    		else
    			e_slideInShade.innerHTML = '<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td rowspan="2" width="6"><img src="images/pixel.gif"></td><td rowspan="2"><img src="images/pixel.gif"></td><td width="7" height="7"><img src="images/shade_tr.png"></td></tr><tr><td background="images/shade_mr.png" height="' + (n_height - 7) + '"><img src="images/pixel.gif"></td></tr><tr><td><img src="images/shade_bl.png"></td><td background="images/shade_bm.png" height="7" align="left"><img src="images/pixel.gif"></td><td><img src="images/shade_br.png"></td></tr></table>';
    	}
    }
    f_slideIn();
    </script>
    
    </body>
    </html>
    
    PHP:
     
    EGS, Sep 15, 2010 IP
  2. digitalpoint

    digitalpoint Overlord of no one Staff

    Messages:
    38,334
    Likes Received:
    2,613
    Best Answers:
    462
    Trophy Points:
    710
    Digital Goods:
    29
    #2
    You probably just want to use a cookie sent to the user's browser when you show it. Have that cookie expire with their session, and then only show it if they don't have the cookie set.
     
    digitalpoint, Sep 15, 2010 IP
  3. EGS

    EGS Notable Member

    Messages:
    6,078
    Likes Received:
    438
    Best Answers:
    0
    Trophy Points:
    290
    #3
    Easier said than done Bubba Shawn. :p I have no idea how to implement this. I tried to and nothing I've tried works. Can someone integrate such a cookie JavaScript code into my JavaScript code that actually works? I don't know JavaScript well at all. I can't do this. I need a kind soul's help. :(
     
    EGS, Sep 15, 2010 IP