Progress bar image not coming in IE & working fine in Mozil

[neha_kulkarni777]

Hi all
My prgress bar image is working fine in Mozilla but not working in IE ...
js code

Code: Select all

var docs = document.getElementById("ProgressImg");
            docs.style.visibility="visible";
            docs.style.position="absolute";            
            document.getElementById("btnUpload").disabled=true;         


Xsl Code

Code: Select all

<tr>
                                    <td width="20%"></td>
                                    <td width="80%">
                                    <div id="ProgressImg" style="visibility:hidden;">
                                       <img id="img" src="images/action/animation/UploadStatus.gif" height='15' width='70%'/>
                                    </div>
                                    </td>
                                 </tr>


please help me

[rangana]

Let us know how to run your code.

[neha_kulkarni777]

Thanks a lot sir for replying my post

this is my code from where i am calling my Javascript

Code: Select all

<tr>
                                    <td width="20%"></td>
                                    <td width="80%"><INPUT type="button" name="btnUpload" id="btnUpload" value="Upload" onclick="validateField()" /></td>
                                 </tr>
                                 
                                 <tr>
                                    <td width="20%"></td>
                                    <td width="80%">
                                    <div id="ProgressImg" style="visibility:hidden;" >
                                       <img id="img" src="images/action/animation/UploadStatus.gif" height='15' width='70%'/>
                                    </div>
                                    </td>
                                 </tr>


and the below code is javascript code

Code: Select all

function validateField()
{
........
........
if (document.getElementById("btnUpload"))
{
var checkOK = document.getElementById("hStripOutChars").value;
var eleValue = document.getElementById("Comments").value;
var allValid = true;
for (var x = 0;  x < eleValue.length;  x++)
{
var ch = eleValue.charAt(x);
for (var j = 0;  j < checkOK.length;  j++)
{
   if (ch == checkOK.charAt(j))
   {
   allValid = false;
   break;
   }
}
if (!allValid)
{
alert("A comment can not contain following characters " + checkOK);
document.getElementById("Comments").focus();
return false;
}
document.getElementById("btnUpload").disabled=true;
var docs = document.getElementById("ProgressImg");
//alert("Visibility-1- "+docs.style.visibility);
docs.style.visibility="visible";
//alert("Visibility-2- "+docs.style.visibility);
//docs.style.position="absolute";         
}
document.forms[0].submit();
return true;   
}
}


Problems
1> When i am using IE, then i am not able to see the progress bar ,only the image(box) is displayed but no animation is displayed inside the image(box).
2>I am using -->>

Code: Select all

// alert("Visibility-1- "+docs.style.visibility); 
docs.style.visibility="visible";
//alert("Visibility-2- "+docs.style.visibility);


when i click the Upload button this alert comes with the value hidden, when i click ok then i am able to view the status bar , with the alert with the value visible ,
But if i click ok again the image is there but animation is lost
.................... please can u help me ... i am unable to get where the problem exactly comming from..

Regards




Progress bar Working fine in FireFox , but not working in IE
Please Help

[chinnimp]

I am also facing same problem, if you found any solution pls help on this.

When we are working in Vista IE7, it is working fine. But, when we are werking in Windows Server 2008 IE7, it is not showing progress.

If you any answers pls post it.

Thanks in advance,
Chinni

[rangana]

Hi Chinni,

Could you please provide a link to your page?

...Also ensure that JS is enabled.