Hello :) try this code I am sorry of my code I was busy so I did some mistakes :)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd";> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> <script language="JavaScript" type="text/javascript" src="js/jquery-min.js"></script> <script language="JavaScript" type="text/javascript" src="js/ui/ui.core.js"></script> <script language="JavaScript" type="text/javascript" src="js/ui/ui.dialog.js"></script> <link rel="stylesheet" type="text/css" href="js/themes/base/ui.all.css" /> <script type="text/javascript"> TOOLKIT = { refreshHandlers : function() { $('#members t...@class=edit] a').each(function() { $(this).unbind('click', TOOLKIT.showEditDialog); $(this).bind('click', function(){ TOOLKIT.showEditDialog.call($(this).attr('id')); }); }); $('#members t...@class=delete] a').each(function() { $(this).unbind('click', TOOLKIT.showDeleteConfirmDialog); $(this).bind('click', function(){ TOOLKIT.showDeleteConfirmDialog.call($(this).attr('id')); }); }); }, showEditDialog: function(row_id){ $('#edit').dialog({ // // // beforeclose: function(){ TOOLKIT.refreshHandlers() } }); // and do something with the current row :p //var old = $('t...@id="' + row_id + '"')[SOME_FIELD].text(); }, showDeleteConfirmDialog: function(){ $('#del').dialog({ autoOpen: false, show: 'blind', hide: 'fold', width: 400, modal: true, buttons: { "Confirm": function() { document.del-member.submit(); }, "Cancel": function() { $(this).dialog('close'); } }, beforeclose: function(){ that.refreshHandlers() } }); // and do something with the current row :p var fname = $('t...@id="' + row_id + '" td.fname').text(); var lname = $('t...@id="' + row_id + '" td.lname').text(); var fullname = fname + " " + lname; // add some stuff to the dialog's GUI etc.... $("#del span.name").html(fullname); var row = row_id.split('_'); var id = row[1]; $("#del input#profile_id").val(id); } } $(document).ready(function(){ TOOLKIT.refreshHandlers(); }); </script> </head> <body> <table cellspacing="1" cellpadding="0" class="tbl-style"> <tbody id="members"> <tr id="uid_1"> <td class="fname">Jamie</td> <td class="lname">Jefferson</td> <td class="edit"><a href="#">edit</a></td> <td class="delete"><a href="#">delete</a></td> </tr> <tr id="uid_2"> <td class="fname">Gavin</td> <td class="lname">Wick</td> <td class="edit"><a href="#">edit</a></td> <td class="delete"><a href="#">delete</a></td> </tr> <tr id="uid_3"> <td class="fname">Sharon</td> <td class="lname">Tower</td> <td class="edit"><a href="#">edit</a></td> <td class="delete"><a href="#">delete</a></td> </tr> </tbody> </table> <div id="del"> <form action="http://localhost/test/form-dialog.php"; method="post" id="del-member" name="del-member"> <p class="ui-state-error"><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 0 0;"></span> Please select the reason for ending the membership of <span class="name"></span> !</p> <span>Reason: </span> <select name="reason"> <option value="None">None</option> <option value="Retired">Retired</option> </select> <input type="hidden" id="profile_id" name="profile_id" value="" /> </form> </div> <div id="edit"> <form action="http://localhost/test/form-dialog.php"; method="post" id="edit-member" name="edit-member"> </form> </div> </body> </html> -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery...@googlegroups.com. To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
