How to apply the shake effect to a dialog with an embedded form

Posted by Felix Guerrero on Stack Overflow See other posts from Stack Overflow or by Felix Guerrero
Published on 2010-04-29T15:02:39Z Indexed on 2010/04/29 15:07 UTC
Read the original article Hit count: 456

Filed under:
|
|
|

Hi. I'm newbie on this, I'm trying to apply the shake effect to a dialog that has an embedded form but not success on this.

When I try to trigger the effect

$("#divDialogContainer").effect("shake", {times: 3}, 80);

only the fields inside the form tag is taking the effect but the dialog box itself doesn't.

My div

Code

My dialog

$("#restore_password").dialog({ height: 220, width: 310, autoOpen: false, modal: true, draggable: false, resizable: false, show: 'puff', hiden: 'puff',

            buttons: {

                "Confirm": function(){

                    $("#change_password").dialog('open');

                },

                "Cancel": function(){

                    $(this).dialog('close');
                    $("#forgot_data").dialog('close');
                    $("#dialog-form").dialog('open');
                    setTimeout(function(){
                            $("#name").focus();

                        }, 800);

                }
            },
            close: function() {
                allFields.val('').removeClass('ui-state-error');    
            }
        });

Any ideas?, it would be helpful.

© Stack Overflow or respective owner

Related posts about jquery-ui

Related posts about shake