jquery - dialog button works only first time
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:
1) In other page i have the <div id="window-instance-status-popup" style="display:none"></div>
2) I have noticed that for first time of selecting the button works as expected...
and when we try to click second time with same button popup is not working, thrid time again its working.... So each button works like frist click success, second click fails, thrid click success...
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+"&insta nceId="+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&us ersAction="+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+"&insta nceId="+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&usersActi on="+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+"&insta nceId="+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&user sAction="+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();
}
|