jquery dialog form

[pradeepjain]

hii.. i use cope like this

           <td><a href='/login.php' id="view-user" >Pradeep</a></td>

and defauly jquery dialog 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. [e-mail]");
                                        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]

i doubt that ... how should

$("#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

[pradeepjain]

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

[gits]

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