Overlay

language: jQuery (JavaScript)
license: Other

Code for Snippet:

                
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
<script type="text/javascript">    
function ShowThickbox()
{
tb_show('', 'TB_inline?height=400&width=300&inlineId=interstitial', null);
}         
function Set_Cookie( name, value, expires, path, domain, secure ) 
{
// set time, it's in milliseconds
var today = new Date();
today.setTime( today.getTime() );
 
/*
if the expires variable is set, make the correct 
expires time, the current script below will set 
it for x number of days, to make it for hours, 
delete * 24, for minutes, delete * 60 * 24
*/
if ( expires )
{
	expires = expires * 1000 * 60 * 60 * 24;
}
var expires_date = new Date( today.getTime() + (expires) );
 
document.cookie = name + "=" +escape( value ) +
( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) + 
( ( path ) ? ";path=" + path : "" ) + 
( ( domain ) ? ";domain=" + domain : "" ) +
( ( secure ) ? ";secure" : "" );
}  
// this fixes an issue with the old method, ambiguous values 
// with this test document.cookie.indexOf( name + "=" );
function Get_Cookie( check_name ) {
	// first we'll split this cookie up into name/value pairs
	// note: document.cookie only returns name=value, not the other components
	var a_all_cookies = document.cookie.split( ';' );
	var a_temp_cookie = '';
	var cookie_name = '';
	var cookie_value = '';
	var b_cookie_found = false; // set boolean t/f default f
 
	for ( i = 0; i < a_all_cookies.length; i++ )
	{
		// now we'll split apart each name=value pair
		a_temp_cookie = a_all_cookies[i].split( '=' );
 
 
		// and trim left/right whitespace while we're at it
		cookie_name = a_temp_cookie[0].replace(/^\s+|\s+$/g, '');
 
		// if the extracted name matches passed check_name
		if ( cookie_name == check_name )
		{
			b_cookie_found = true;
			// we need to handle case where cookie has no value but exists (no = sign, that is):
			if ( a_temp_cookie.length > 1 )
			{
				cookie_value = unescape( a_temp_cookie[1].replace(/^\s+|\s+$/g, '') );
			}      
 
			// note that in cases where cookie is initialized but no value, null is returned
			return cookie_value;
			break;
		}
		a_temp_cookie = null;
		cookie_name = '';
	}
	if ( !b_cookie_found )
	{   
		ShowThickbox();
 		Set_Cookie( 'coopinterstitial','visited', 1000) 
		return null;
	}
}
</script>	 
<script type='text/javascript'>
 
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CO-OP Financial Services</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/thickbox.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<link rel="stylesheet" href="js/thickbox.css" type="text/css" media="screen" />
<style type="text/css">
<!--
#interstitial {
	display: none;
}
#bg{
margin:auto;
text-align:center;
}
-->
</style>
 
 
</head>
 
<body>
 
<div id="interstitial"></div>
<script type="text/javascript">
   var so = new SWFObject("images/coop_300x400_v1.swf", "coopBanner", "300", "400", "8", "#FFFFFF");
   so.write("interstitial");
</script>
<div id="bg"><img src="images/testImage.jpg" onload="Get_Cookie('coopinterstitial')" width="823" height="798"></div> 
 
</body>
</html>
 
comments powered by Disqus

Info

Tags: interstitial overlay popup

Link to this snippet:


Download to Code Collector

To use the direct link to your snippet on CodeCollector.net either copy the html from the above section or drag the Download to Code Collector to where you would like to use it.

More Info:

Times Viewed: 337
Date Added: 2009-08-15 11:44:23
Last Modified: 0000-00-00 00:00:00

Web Analytics