Comments on: How to create an Email Opt in Box for your Downloads – Part 1 https://michaelsoriano.com/create-opt-in-box/ I turn code into captivating user experiences for the web Sat, 05 Oct 2013 20:17:26 +0000 hourly 1 https://wordpress.org/?v=6.7.4 By: Create an Email Opt in Box for your Downloads - Part 2 | Fearless flyer https://michaelsoriano.com/create-opt-in-box/#comment-529 Sat, 05 Oct 2013 20:17:26 +0000 http://fearlessflyer.com/?p=2142#comment-529 […] my previous post, we already have a working box that shows us some static messages, along with a link that takes […]

]]> By: Michael Soriano https://michaelsoriano.com/create-opt-in-box/#comment-528 Sat, 05 Jan 2013 03:45:00 +0000 http://fearlessflyer.com/?p=2142#comment-528 In reply to FitJerk.

which part is not working?

]]> By: FitJerk https://michaelsoriano.com/create-opt-in-box/#comment-527 Thu, 03 Jan 2013 17:17:00 +0000 http://fearlessflyer.com/?p=2142#comment-527 Pretty kick ass. Just one quesiton – how do you stop the thing from popping up on refresh and instead, ONLY pop up on a regular click. For example if I wanted to make the pop up appear on an image click?

]]> By: michael soriano https://michaelsoriano.com/create-opt-in-box/#comment-526 Thu, 03 Nov 2011 16:39:07 +0000 http://fearlessflyer.com/?p=2142#comment-526 In reply to Avi Cohen.

make sure you have the plugin. inspect in firebug – use console.log. i tried $.cookie and it looks like its working.

$(document).ready(function(){
// getting the value of cookie_1 and setting it to a variable
var cookieValue = $.cookie('cookie_1');
// if cookie_1 doesn't exist, show the divs then create the cookie
if(!cookieValue){
console.log('test')
//enter code
}

]]> By: Avi Cohen https://michaelsoriano.com/create-opt-in-box/#comment-525 Tue, 01 Nov 2011 20:10:41 +0000 http://fearlessflyer.com/?p=2142#comment-525 Hi Mike,
How would you go about limiting the lightbox’s appearance with a cookie? I’m using your lightbox to display an image link, but I’d like to limit it so that the same user will see it only once every 24 hours.
I modified the code you provided above and came up with the following, but it doesn’t work:

$(document).ready(function(){
// getting the value of cookie_1 and setting it to a variable
var cookieValue = $.cookie('cookie_1');
// if cookie_1 doesn't exist, show the divs then create the cookie
if(!cookieValue){
$("#darkbg").delay(2000).fadeIn(300);
$("#lightbox-panel").delay(2000).fadeIn(50).animate({
left: '50%'
});
$("a#close").click(function(){
$("#darkbg, #lightbox-panel").fadeOut(300);
})
// creating a cookie named cookie_1 and expire it in 1 day
$.cookie('cookie_1', 'cookie_value', {expires: 1});
}
// bind the delete cookie action
$('#delete-cookie').click(function(){
// set it to null to delete the cookie
$.cookie('cookie_1', null);
});
})

Along with the following html:

<a href="http://www.yahoo.com" rel="nofollow"></a>
<a href="#" rel="nofollow">close</a>

Wait 2 seconds for script to take effect
Delete Cookie & Reset Script

]]>