jQuery Forum

Hi,
There is a missing $ in your confirm dialog OK function :

$("#confirm").dialog({  modal: true, stack: true, buttons: { 'OK': function() { window.location.replace(decodeURIComponent($.cookie("confirmGo"))); (this).dialog('close'); },

Regards,
Dominique VINCENT
http://www.toitl.com/
http://twitter.com/toitl

Thanks for pointing that out. But that didn't really solve it...
If it'd help, I also found out that the 2nd dialog (out of the 2 IF'ed ones) won't be fired until the 1st one is fired. Once the 1st one is called, the 2nd one will appear first, and when I click out of the 2nd, the 1st is still there... The cookies are all set correctly but dialog 2 won't start until the 1st one does. I've tried testing both IF statements with other commands, and it seems like there's a clash with the order of logic... it's not like I'm using ELSE IF, so I feel like the two statements should be independent. But of course, they don't seem to be :/

Here's what I have now:

1.     $(document).ready(function(){
           $("input").hint();
          
           // regular dialog box
           $("#dialog").dialog({autoOpen: false, modal: true});
           $("#dialog_link").click(function(){
               $("#dialog").dialog("open");
               return false;
           });
          
           // confirm box
           if($.cookie("modal_confirm").length > 0 && $.cookie("modal_confirm")!="") {
               $("body").prepend('<div id="confirm" title="System Message">'+$.cookie("modal_confirm")+'</div>');
               var g = $("#confirm");
               g.html( g.html().replace(/\+/g," ") );
               $("#confirm").dialog({
                       modal: true,
                       stack: true,
                       buttons: {
                           'OK': function() { window.location.replace(decodeURIComponent($.cookie("confirmGo"))); $(this).dialog('close'); },
                           Cancel: function() { $(this).dialog('close'); }
                       },
                       close: function(){ $.cookie("modal_confirm",null); $.cookie("confirmGo",null); $(this).remove; }
               });   
           }
          
           // alert box
           if($.cookie("alert").length > 0 && $.cookie("alert")!="") {
               $("body").prepend('<div id="alert" title="System Message">'+$.cookie("alert")+'</div>');
               var f = $("#alert");
               f.html( f.html().replace(/\+/g," ") );
               $("#alert").dialog({modal: true, stack: true, buttons: {'OK': function() {$(this).dialog('close');}}, close: function(){ $.cookie("alert",null); $(this).remove; }});
           }       
       });
   

your  have a couple of brackets out of place in the alert dialog i reformatted and fixed your brackets

1. $(document).ready(function(){
       $("input").hint();
   
       // regular dialog box
       $("#dialog").dialog({autoOpen: false, modal: true});
       $("#dialog_link").click(function(){
           $("#dialog").dialog("open");
           return false;
       });
   
       // confirm box
       if($.cookie("modal_confirm").length > 0 && $.cookie("modal_confirm")!="") {
           $("body").prepend('<div id="confirm" title="System Message">'+$.cookie("modal_confirm")+'</div>');
           var g = $("#confirm");
           g.html( g.html().replace(/\+/g," ") );
           $("#confirm").dialog({
               modal: true,
               stack: true,
               buttons: {
                   'OK': function() {
                       window.location.replace(decodeURIComponent($.cookie("confirmGo"))); $(this).dialog('close');
                   },
                   Cancel: function() {
                       $(this).dialog('close');
                   }
               },
               close: function(){
                   $.cookie("modal_confirm",null); $.cookie("confirmGo",null); $(this).remove;
               }
           });  
       }
   
       // alert box
       if($.cookie("alert").length > 0 && $.cookie("alert")!="") {
           $("body").prepend('<div id="alert" title="System Message">'+$.cookie("alert")+'</div>');
           var f = $("#alert");
           f.html( f.html().replace(/\+/g," ") );
           $("#alert").dialog({
               modal: true,
               stack: true,
               buttons: {
                   'OK': function() {
                       $(this).dialog('close');
                   },
                   close: function(){
                       $.cookie("alert",null); $(this).remove; }
                   }
           });
       }      
   });
   

could you tell me htough what your are replacing in the dialogs with your .replace and why your doing that

Mike

On my side, I need to add 2 tests in case of cookie is null

$.cookie("modal_confirm") !== null
$.cookie("alert") !== null

then I suppose you put 2 values in the cookies, and in this case both modal open.
You see only the last one on the screen because the second one is hidden, but both are open. You just have to move the first modal to see the second one.

Regards,
Dominique VINCENT
http://www.toitl.com/
http://twitter.com/toitl

Okay perhaps I'm not being clear enough, as these forum things always tend to get...

As you guys guessed, what I'm trying to do is create modal dialogs from cookies, if they exist. Depending on what type of cookie, I need to create different types of dialogs (simple alert or confirms). The replace is there because if someone cancels from confirm, I want it to redirect to the page you were on. If OK is clicked, then run redirect to some other server-side script (confirmGo).

The IF statements will make sure the dialogs open only if these cookies are present. However, only the first IF statement seems to be kicking in. Dominique, believe me, the 2nd one is not hidden or open. The prepend isn't working for the 2nd one - and I tested the 2nd IF statement by sticking a simple document.write in it.

However, the cookies are getting set perfectly. When 2nd cookie is set, it just kinda "sits there" until the 1st cookie is set, at which point the dialog from 2nd cookie will show up IN FRONT OF the 1st cookie-dialog. In other words, the 2nd IF statement isn't even checked unless the 1st IF statement is checked.

I checked my brackets a couple times to make sure the 1st IF wasn't staying open...and I don't think it is. Let me know if you find anything like that.

Gah I thought jQuery UI was dreamy with its CSS-based pop-ups... it's quite frustrating right now.

Again, thanks for all your help.

Currently with the code you post, if both cookies are not set, the code is not running. You try to access a null value in your test.
Could you post the code where you set the cookies ? Or better could you give us a link to your page ?

Regards,
Dominique VINCENT
http://www.toitl.com/
http://twitter.com/toitl

Actually, if the cookie for the 1st IF statement is set, the code runs. But if the cookie for the 2nd IF statement is set WITHOUT the 1st cookie set, then the code does not run. As soon as 1st cookie is set, however, the 2nd IF statement engages.

I can't give you a link cuz all of this is on my local server.
I can assure you however, the cookies are setting as they should.
Somehow the 1st IF statement is obstructing the code flow...

Or rather, I just tried this one thing - deleting all the dialog parameters. Then it pops up perfectly (except it doesn't create any buttons, of course)... So now I've narrowed it down to the parameters... Any ideas?

FIGURED IT OUT!
I put in your conditionals, Dominique - ($.cookie("blahblah") !== null)
That was bizarre though. Is && not the right method to check for 2 conditionals in javascript?
Or should I have put parentheses around the two terms?

Anyway, thanks so much for your help.
You guys are so much more helpful than the stuck-ups at stack overflow.

&& in the correct operator to check that two conditions are meet before proceeding that was ok it was the fact that  you where check to see if cookie as and empty string when you needed to know if it was null (not set) if you at some point set the value of the cookie in your code to an empty string you will need to add your original condition as well

Mike