I have four buttons, Start,Stop,Terminate,Reboot
Example: When i click start button i will get dialog box which contains Start button and Cancel button. As soon as when i clicked Start button i will hide Start button and Cancel button and i will show only Close button with staic message as "In progress .. .." Issues: First time it works perfectly... some time its not working properly... If i click start button it shows Terminate button...etc...mismatch...what may be the issues... Note: In other page i have the <div id="window-instance-status-popup" style="display:none"></div> Find the script below... <script type="text/javascript"> var currentInstanceId; $(function(){ $("#btn_asn_users").live('click', function(e){ AssignUsers(e); }); $("#btn_assign").live('click', function(e){ insertRole(e); }); $("#icon_str, #link_str").live('click', function(e){ startServerWindow(e, "StartInstance", currentInstanceId); }); $("#icon_stp, #link_stp").live('click', function(e){ stopServerWindow(e, "StopInstance", currentInstanceId); }); $("#icon_trmt, #link_trmt").live('click', function(e){ terminateServerWindow(e, "TerminateInstance", currentInstanceId); }); $("#icon_rbt, #link_rbt").live('click', function(e){ rebootServerWindow(e, "RebootInstance", currentInstanceId); }); }); function reloadProgressWindow() { $("#window-instance-status-popup").html("In progress .. .."); } function startServerWindow(e, usersAction, currentInstanceId) { alert('startServer selected...'); var url="<%=request.getContextPath()%>/cloudcomputing/showInstanceStatus.do?usersAction="+usersAction+"&instanceId="+currentInstanceId+"&init=firstRequest"; $("#window-instance-status-popup").load(url, function(){ $(":button:contains('Close')").hide(); sameHeight('#asn_rightPane','#asn_leftPane'); }).dialog({ modal: true, width: 425, position: ['50%', '50%'], draggable: true, autoOpen: false, title: usersAction, closeText: 'hide', buttons: { "Cancel": function () { $(this).dialog('close'); }, "Start": function () { $(":button:contains('Start')").hide(); $(":button:contains('Cancel')").hide(); $(":button:contains('Close')").show(); reloadProgressWindow(); var successUrl="/myaction.do?startServerConfirmed=Yes&usersAction="+usersAction; $.post(successUrl, function(data) { alert('startserver data: '+data); reloadPageWindow(data); }); }, "Close": function () { showInstanceDetails(currentInstanceId); $(this).dialog('close'); } }, close: function (event, ui) { $(this).dialog('destroy'); } }); $("#window-instance-status-popup").dialog('open'); e.preventDefault(); } function reloadPageWindow(data) { $("#window-instance-status-popup").html(data); } function rebootServerWindow(e, usersAction, currentInstanceId) { alert('rebootServer selected...'); var url="myaction.do?usersAction="+usersAction+"&instanceId="+currentInstanceId; $("#window-instance-status-popup").load(url, function(){ $(":button:contains('Close')").hide(); sameHeight('#asn_rightPane','#asn_leftPane'); }).dialog({ modal: true, width: 425, position: ['50%', '50%'], draggable: true, autoOpen: false, title: usersAction, closeText: 'hide', buttons: { "Cancel": function () { $(this).dialog('close'); }, "Reboot": function () { $(":button:contains('Reboot')").hide(); $(":button:contains('Cancel')").hide(); $(":button:contains('Close')").show(); reloadProgressWindow(); var url="<%=request.getContextPath()%>/cloudcomputing/showInstanceStatus.do?rebootServerConfirmed=Yes&usersAction="+usersAction; $.post(url, function(data) { reloadPageWindow(data); }); }, "Close": function () { showInstanceDetails(currentInstanceId); $(this).dialog('close'); } }, close: function (event, ui) { $(this).dialog('destroy'); } }); $("#window-instance-status-popup").dialog('open'); e.preventDefault(); } function stopServerWindow(e, usersAction, currentInstanceId) { alert('stopServer selected...'); var url="myaction.do?usersAction="+usersAction+"&instanceId="+currentInstanceId; $("#window-instance-status-popup").load(url, function(){ $(":button:contains('Close')").hide(); sameHeight('#asn_rightPane','#asn_leftPane'); }).dialog({ modal: true, width: 425, position: ['50%', '50%'], draggable: true, autoOpen: false, title: usersAction, closeText: 'hide', buttons: { "Cancel": function () { $(this).dialog('close'); }, "Stop": function () { $(":button:contains('Stop')").hide(); $(":button:contains('Cancel')").hide(); $(":button:contains('Close')").show(); reloadProgressWindow(); var url="myaction.do?stopServerConfirmed=Yes&usersAction="+usersAction; $.post(url, function(data) { reloadPageWindow(data); }); }, "Close": function () { showInstanceDetails(currentInstanceId); $(this).dialog('close'); } }, close: function (event, ui) { $(this).dialog('destroy'); } }); $("#window-instance-status-popup").dialog('open'); e.preventDefault(); } function terminateServerWindow(e, usersAction, currentInstanceId) { alert('terminateServer selected...'); var url="myaction.do?usersAction="+usersAction+"&instanceId="+currentInstanceId; $("#window-instance-status-popup").load(url, function(){ $(":button:contains('Close')").hide(); sameHeight('#asn_rightPane','#asn_leftPane'); }).dialog({ modal: true, width: 425, position: ['50%', '50%'], draggable: true, autoOpen: false, title: usersAction, closeText: 'hide', buttons: { "Cancel": function () { $(this).dialog('close'); }, "Terminate": function () { $(":button:contains('Terminate')").hide(); $(":button:contains('Cancel')").hide(); $(":button:contains('Close')").show(); reloadProgressWindow(); var url="myaction.do?terminateServerConfirmed=Yes&usersAction="+usersAction; $.post(url, function(data) { alert('terminateServer data: '+data); reloadPageWindow(data); }); }, "Close": function () { showInstanceDetails(currentInstanceId); $(this).dialog('close'); } }, close: function (event, ui) { $(this).dialog('destroy'); } }); $("#window-instance-status-popup").dialog('open'); e.preventDefault(); } -- View this message in context: http://old.nabble.com/jQuery-dialog-add-remove-button-on-the-fly-tp22036498s27240p29022208.html Sent from the jQuery UI Discussion mailing list archive at Nabble.com. -- 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.