innerHTML return image

programming web dev
1 
 
<script>
function startloading(){
document.getElementById("java").innerHTML="<img src=\"..images/ajax-loading.gif\"/><br />Please wait while your video uploads.";
}
</script>

When a button is clicked, the text appears 100% correct, but the image is not returning. Yes, the image is in the correct place, but not loading for some reason when the button is clicked.

Anyone know why?

2 

..images/ajax-loading.gif

should probably be


images/ajax-loading.gif
3

or


../images/ajax-loading.gif
4

Ya done both, no dice. I just made the div’s background image the .gif since the div doesn’t show til the button is clicked and it is working, lol.

5

Does the image really exist? Try giving an absolute path and see what happens…

6

Well I can definitely tell you it’s a pathing issue, there’s no other reason for it not to work. If you have firebug you should be able to see it trying to call it from that path that it thinks it should be calling it from.