Comments for Point47

Comment on Modal box on page load with jquery fancy box and cookie plugin by Wordpress Plugins by WORDPRESS**** - Pearltrees

Wordpress Plugins by WORDPRESS**** - Pearltrees — Wed, 04 Jan 2012 19:23:05 +0000

[...] Modal box on page load with jquery fancy box and cookie plugin | | Point47Point47 – jQuery Cookie plugin that you can get from here: http://plugins.jquery.com/project/cookie [...]

Comment on CKEditor 3.0 Send and Receive data with AJAX by ReRRemi

ReRRemi — Thu, 22 Dec 2011 18:44:28 +0000

Thank you very much!

Comment on Modal box on page load with jquery fancy box and cookie plugin by Pete

Pete — Tue, 20 Dec 2011 04:30:55 +0000

Just a quick follow-up. I figured out how to set the auto-close on this script, however the cookie does not activate when the script auto-closes, only when the ‘ENTER’ button is clicked. If anyone has a suggestion on how to activate the cookie when the modal window auto-closes, I would appreciate it.

thanks

Here’s my code:

$(document).ready(function(){

// !!! SEE THIS PLEASE !!!
// delete this line to make the modal box load only ONCE
// if you let it set to ‘false’ it will show every time .. set it to ‘true’ and it will never show

/**
* MODAL BOX
*/
// if the requested cookie does not have the value I am looking for show the modal box
if($.cookie(“modal”) != ‘true’)
{
var _message_to_show = ‘ENTER‘;

// on page load show the modal box
// more info about the options you can find on the fancybox site
$.fancybox(
_message_to_show,
{
‘width’ : 400,
‘height’ : 300,
‘transitionIn’ : ‘none’,
‘transitionOut’ : ‘elastic’,
‘centerOnScroll’ : ‘true’,
‘overlayOpacity’ : 0.9,
‘overlayColor’ : ‘#000′,
‘modal’ : ‘true’
}
);

// in the message is a link with the id “modal_close”
// when you click on that link the modal will close and the cookie is set to “true”
// path “/” means it’s active for the entire root site.. if you set it to “/admin” will be active on the “admin” folder
// expires in 7 days
// “modal” is the name i gave the cookie.. you can name it anything you want

$(‘#modal_close’).live(‘click’, function(e) {
e.preventDefault();
$.cookie(“modal”, “true”, { path: ‘/’, expires: 7 });

$.fancybox.close()
setTimeout (‘$.fancybox.close ()’, 12000);
});
}

});

Comment on Cute Bubbles – WordPress Theme – Updated by Rezwan

Rezwan — Thu, 15 Dec 2011 06:48:29 +0000

Hello
The theme is very excellent.
Another one of the best theme i have ever seen.
but problem is that SEARCH PROBLEM.

I am not getting solve the search option
any one has solve the search option ???

Comment on Modal box on page load with jquery fancy box and cookie plugin by Pete

Pete — Thu, 08 Dec 2011 14:31:52 +0000

Does anyone know how to implement an autoclose after x seconds for this? I’ve tried to code it unsuccessfully.

Thanks for the great script!
Cheers,

Comment on Modal box on page load with jquery fancy box and cookie plugin by jj

jj — Tue, 06 Dec 2011 20:51:20 +0000

Hi man, one question, how i can add the button close in the corner (X) to the first code (code posted by sorin)?

Thanks a lot!

Comment on Post data from Actionscript 3 to PHP by Davide Ganz

Davide Ganz — Fri, 25 Nov 2011 13:59:12 +0000

Insightful & clear Tutorial!
Well Done
Many Thanks

Comment on Modal box on page load with jquery fancy box and cookie plugin by daniel

daniel — Tue, 01 Nov 2011 00:50:03 +0000

@markimark

Thanks! This worked perfect.

Comment on Modal box on page load with jquery fancy box and cookie plugin by markimark

markimark — Fri, 07 Oct 2011 18:18:58 +0000

Did anyone notice that @Ben Landon with his post on 02/03/2011 was the only one that got the code right for having the modal closed when clicked on the overlay??

Thank you Ben!

The pasted code however, is a mess with a lot of wrong or wrong placed characters. If you copy the code that he provided, you need to clean it afterwards.

This is a cleaned version, for ie:

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

$(document).ready(function() {

// if the requested cookie does not have the value I am looking for show the modal box
if($.cookie("modal") != 'true')
{
var _message_to_show = 'nice styled content';

// on page load show the modal box

$.fancybox(
_message_to_show,
{
'padding':10,
'width' : 960,
'height' : 450,
'type' : 'iframe',
'scrolling' : 'no',
'hideOnContentClick': 'true',
'overlayOpacity': 0.8,
'overlayColor':'#000',
'onClosed' : function() {
$.cookie("modal", "true", { path: '/', expires: 7 });
}
});
}
});

Maybe that can help someone else. It helped me. Thanks again.

Comment on Modal box on page load with jquery fancy box and cookie plugin by markimark

markimark — Fri, 07 Oct 2011 16:54:12 +0000

I can try whatever I want, it is not closing if the overlay is clicked. This is my setup right now:

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
27
28

jQuery(function($){
if($.cookie("intro") != 'true')
{
window.onload = function() {loadIntro().trigger('click');}
$.cookie("intro", "true", { Path: '/', expires: 7 });
}
});

/* loadIntro */
function loadIntro() {
// ------------------ loading customers intro page
$.fancybox({
'padding' : 0,
'width' : 960,
'height' : 450,
'scrolling' : 'no',
'autoScale' : 'false',
'transitionIn' : 'none',
'transitionOut' : 'none',
'showCloseButton' : 'true',
'modal' : 'false',
'hideOnOverlayClick': 'true',
'type' : 'iframe',
'overlayColor' : '#333333',
'overlayOpacity' : '0.8',
'href': 'http://markimark/blog/'
});
}

Does anybody have a solution for this. It should close but it isn´t….

Thanks for any help.