I’m using javascript, so that when a refresh button is clicked it begins to spin around until the refresh is completed. This is my function:
function RefreshHome() {
// Refreshes the home page via the image link.
// Make the refresh link animate.
var refresh = document.getElementById("refresh_button");
refresh.src = "images/refresh_animated.gif";
// Refresh the page.
window.location = "home.aspx";
return false;
}
This worked perfectly for a while then, as far as I can see, inexplicably stopped working! When the refresh button is clicked on now, the image just disappears.
Does anybody know why this might happen?
Just want to mention that this would be much easier in jQuery. You wouldn’t need to worry so much about maintaining browser compatibility etc. either. As your project grows your code may become unwieldily, so even if you don’t decide to use jQuery you should find a suitable framework for your needs.
Also be aware that an image that has no src shows up with a placeholder X on most browsers, and you can hide it with
display:none;or using therefresh.hide()andrefresh.show()methods in jQuery as needed.