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: 515
        
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
CodeMy 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