Why animation gif doesn't move when not hided?

[coolago]

Now we hide the animation gif from showing when the page loaded, then we'll pop up a dialogue to ask the user whether to update the database. If he click the YES button then we'll set the animation gif showed while hide it again until the database update work done. But the problem is that when the animation gif showed, it doesn't move, how can we?
Thanks your reviewing and your so kind help.

-----------------------------------------------------------
Following some of the codes in our project,
<div id=&quot;Layer1&quot; style=&quot;position:absolute; left:150px; top:100px; width:270px; height:30px; z-index:1; visibility: hidden;&quot;>
<p>Updating database in progress, please wait for some minute...<img src=&quot;../images/wait.gif&quot;></p>
</div>

<script language=&quot;JavaScript&quot;>
<!--
if (confirm(&quot;Do u want to update the database right now?&quot){
MM_showHideLayers('Layer1','','show');
document.test.submit();
}
-->
</script>

------------------------------------------------------------
And following some other javascript codes that used,
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName==&quot;Netscape&quot&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf(&quot;?&quot)>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById; return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible'v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->

 

[greelmo]

maybe instead of hiding/showing you could actually load it when the database is loading, and unload it when the database stuff is done... ex:
innerHTML of a <div> tag

Later,
Greelmo

http://www.scriptingsolutions.tk

 

[adam0101]

How about this:

<div id=&quot;Layer1&quot; style=&quot;position:absolute; left:150px; top:100px; width:270px; height:30px; z-index:1; visibility: hidden;&quot;>
<p>Updating database in progress, please wait for some minute...<img name=&quot;imgWait&quot; src=&quot;../images/wait.gif&quot;></p>
</div>

<script language=&quot;JavaScript&quot;>
<!--
if (confirm(&quot;Do u want to update the database right now?&quot){
MM_showHideLayers('Layer1','','show');
imgWait.src=imgWait.src;
document.test.submit();
}
-->
</script>

Adam
while(ignorance==true){perpetuate(violence,fear,hatred);life--};