jquery dialog form

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • pradeepjain
    Contributor
    • Jul 2007
    • 563

    jquery dialog form

    hii.. i use cope like this

    Code:
               <td><a href='/login.php' id="view-user" >Pradeep</a></td>
    and defauly jquery dialog code

    Code:
    <script type="text/javascript">
    $(function() {
    $("#dialog").dialog("destroy");
    $("#dialog-form").dialog({
                            autoOpen: false,
                            height: 300,
                            width: 350,
                            modal: true,
    /*                      buttons: {
                                    'Create an account': function() {
                                            var bValid = true;
                                            allFields.removeClass('ui-state-error');
    
                                            bValid = bValid && checkLength(name,"username",3,16);
                                            bValid = bValid && checkLength(email,"email",6,80);
                                            bValid = bValid && checkLength(password,"password",5,16);
    
                                            bValid = bValid && checkRegexp(name,/^[a-z]([0-9a-z_])+$/i,"Username may consist of a-z, 0-9, underscores, begin with a letter.");
                                            // From jquery.validate.js (by joern), contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/
                                            bValid = bValid && checkRegexp(email,/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i,"eg. ui@jquery.com");
                                            bValid = bValid && checkRegexp(password,/^([0-9a-zA-Z])+$/,"Password field only allow : a-z 0-9");
    
                                            if (bValid) {
                                                    $('#users tbody').append('<tr>' +
                                                            '<td>' + name.val() + '</td>' +
                                                            '<td>' + email.val() + '</td>' +
                                                            '<td>' + password.val() + '</td>' +
                                                            '</tr>');
                                                    $(this).dialog('close');
                                            }
                                    },
                                    Cancel: function() {
     $(this).dialog('close');
                                    }
                            },*/
                            close: function() {
                                    allFields.val('').removeClass('ui-state-error');
                            }
                    });
    
    
    
                    $('#view-user')
                            .button()
                            .click(function() {
                                    $('#dialog-form').dialog('open');
                            });
    
            });
            </script>

    the problem is that only if the div dialog-form is in this page it opens up the dialog . cant i make it open the page login.php where the div dialog-form is there ?
  • gits
    Recognized Expert Moderator Expert
    • May 2007
    • 5390

    #2
    i doubt that ... how should
    Code:
    $("#dialog-form")
    perform then? you would need to have the node before the javascript code could successfully run ... probably you might load the document via an ajax call and then let the script run in a callback ...

    kind regards

    Comment

    • pradeepjain
      Contributor
      • Jul 2007
      • 563

      #3
      can you just show some code sample!!i am not that well wersed in ajax/jquery

      Comment

      • gits
        Recognized Expert Moderator Expert
        • May 2007
        • 5390

        #4
        don't know jQuery well ... basicly you would need to make an ajax-call and call your dialog from its complete callback - have a look here ...

        kind regards

        Comment

        Working...