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 [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
