JavaScript Loading Image

Question

I need to display the spinner image in asp.net vie java script i want to show image while binding Data i kept the spinner image in parent form but when i am going to access the image i getting the image but it will now shows i am getting parent image like parent.document.getElementnyId('divId').style.visibility = 'visible';

chetan shinde · Answer

yeah. i doing the same thing as just displaying the image at start up when bind the data. and hide at last but still image is not shown. If i dnt hide the image at last then image will shown me when all data will be binding completed. but i want to show image in between of data bind. is there any other solu for the same. Then please help

Suraj Sahoo · Answer

This is strange. Remove the runat=server once and try. This is as simple as it can be. Just take the id and display and hide. spinID " style="position: absolute; top: 69px; left: 400px;display:none;" > img id="img3" alt="" runat="server" src="../images/Loding1.gif" /> Then use the $("#spinID").show(); and hide wherever required. This should work. Use the code mentioned above. Thanks

chetan shinde · Answer

Hi Guys Thanks for the Reply... I am Doing the same thing now as u says. Shows the div like $("# divId ").show(); and $("# divId ").hide(); but still image is not showing while data is binding. I m binding data through json. there is no iframe included. i remove the parent class.and accessing the img from local page. but still its not showing.

Pradeep Shet · Answer

Hi chetan, Why are you using parent? Is there any Iframe involved? If no then dont use parent. Directly use document.getElementnyId('divId').style.visibility = 'visible'; But have a habit of using Jquery syntax as shown by sooraj $("#divId").show(); & $("#divId").hide();

Suraj Sahoo · Answer

No there seems nothing wrong, but why do you need a table to add image here? Directly you can add. And you can minimize the code using the display property that would be handy. Like: divId " runat="server" style="position: absolute; top: 69px; left: 400px;display:none;"> When I Loading the Div then i am just visible the image like $("# divId ").show(); and when want to hide $("# divId ").hide(); Please try this way. I am sure this will work. As I have already implemented this way. Accept if helps Thanks.

chetan shinde · Answer

Hello Suraj. i done the code like : divId " runat="server" style="position: absolute; top: 69px; left: 400px; visibility: hidden;"> When I Loading the Div then i am just visible the image like parent.document.getElementnyId('divId').style.visibility = 'visible'; and when want to hide parent.document.getElementnyId('divId').style.visibility = 'hidden'; is there any wrong in this code...?

Suraj Sahoo · Answer

Hello Chetan, First of all adjust and add the image in the viewpage with display none and an id. The image should have styling so that it is visible in the center of the page or wherever you need the positioning. Then wherever you need may it be an ajax call start just use the id and show like: $("#spinID").show(); and in the success or wherever you need, hide it like: $("#spinID").hide(); I hope this helps. Accept if helps. Post back queries if any Thanks