"Antonio Policelli" <bl*****@yahoo.com> wrote in message
news:62**************************@posting.google.c om...
Hello, please tell me how to do this..
I have a web page that a user can manipulate and work with a database
object. it is not important what that is but for the user to start on
a new object, they must request that one be created. with a sql
server stored procedure, the object takes about 30-45 seconds to
create itself.
i want to give a user a form and when they click the button the object
gets created. when this happens, i want the button they just pushed
to not be pushable again. i would also like a popup window with maybe
a prograss bar on it or it could just be a light that moves from side
to side like the black kit car does.
so... how do i make the button unpushable and how do i make the popup
window come up and run while the object is being created but when the
object is done the popup goes away or just says "done" and user can
click "close me"
thank you
Also, here is come progress bar code. It is not mine but was posted sometime
ago by someone and was offered for use by others. You will need to modifiy
it a bit. It is started by calling startMsg()
<div id="waiting">
<table id="msgCell" width="20%" align="center"><tr><td
style="font-size:8pt;padding:2px;border:solid black 1px">
<span id="progress1"> </span>
<span id="progress2"> </span>
<span id="progress3"> </span>
<span id="progress4"> </span>
<span id="progress5"> </span>
<span id="progress6"> </span>
<span id="progress7"> </span>
<span id="progress8"> </span>
<span id="progress9"> </span>
</td></tr></table>
</div>
<script language="javascript">
var progressEnd = 9; // set to number of progress <span>'s.
var progressColor = 'blue'; // set to progress bar color
var progressInterval = 500; // set to time between updates (milli-seconds)
var progressAt = 0; //progressEnd;
var progressTimer;
function progress_clear() {
for (var i = 1; i <= progressEnd; i++)
document.getElementById('progress'+i).style.backgr oundColor = 'transparent';
progressAt = 0;
}
function progress_update() {
progressAt++;
{if (progressAt > progressEnd) {
progress_stop()
}
else
{document.getElementById('progress'+progressAt).st yle.backgroundColor =
progressColor
progressTimer = setTimeout('progress_update()',progressInterval);} }
}
function progress_stop() {
progress_clear();
window.clearTimeout(progressTimer);
// hideobj('waitingDiv','');
//hideobj('waiting','none')
}
function startMsg() {
// hideobj('waitingDiv','none');
progress_update();
}
function hideobj(objname,type) {
var div1=document.getElementById(objname);
div1.style.display = type;
}
</script>