Some days ago I showed you how to create a dynamic content animated footer ad for your site in just 9 jQuery lines.

Now it’s time to write eight more lines to add two important features:

The first, as suggested in a comment, is allowing to set a delay before the ad appears.

The second is using a cookie to let the ad appear only once in a session. This means if you refresh the page, the ad won’t appear again, until you close the browser window and open it again.

This is what we’ll get… the ad appears after three seconds, and only once in a session.

Now let’s see the new lines added:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$.delay = function(time,ret_function){
	var ret = {timer:setTimeout(ret_function,time)}
	return ret;
};
$(document).ready(function(){
	var delayed_start = 3000;
	var path_to_dynamic_file = 'ajax.php';
	if(document.cookie.indexOf("triqui_ad")==-1){
		document.cookie="triqui_ad=1";
		$.ajaxSetup({cache:false});
		$('#triqui_ad').wrap('<div id="triqui_container"></div>');
		var delayed_start = $.delay(delayed_start,function(){
			$('#triqui_ad').load(path_to_dynamic_file,function(){
				$('#triqui_ad').css('display','block');
				$('#triqui_container').hide().slideDown('slow');
				$('#triqui_ad').append(' &bull; <a id="triqui_ad_close">Close</a>');
				$('#triqui_ad_close').click(function(){ 
		   			$('#triqui_container').slideUp('slow'); 
		  		}); 
			});
		});
	} 
});
</script>

Lines 3-6: Declaring a new jQuery function called delay, that’s just a callback after a given amount of milliseconds.

Line 8: Variable storing the number of milliseconds to wait before showing the ad

Line 9: Variable storing the path to the dynamic file

Line 10: Checking if I have a cookie called triqui_ad. The statement is true if I don’t have it.

Line 11: Creating a cookie called triqui_ad. Since there is not an expiration date, it will expire when the user will close the browser.

Line 14: The entire function explained in part 1 is executed only after the preset delay.

And that’s it… any idea for additional features?