Got a tip for us?
Let us know
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.
macOS Image refresh onclick with javascript
- Thread starter joecool85
- Start date
- Sort by reaction score
FredClausen
macrumors regular
I'm no JavaScript guru - can't code it to save my life - but a quick google search revealed the following:
http://www.irt.org/script/223.htm
here (thats the google cache version, the non cache version doesn't work for some reason)
I think if you look at code examples for onmouseover events for swapping images and change onmouseover to onclick, it will work for you.
More googling for your pleasure
http://www.irt.org/script/223.htm
here (thats the google cache version, the non cache version doesn't work for some reason)
I think if you look at code examples for onmouseover events for swapping images and change onmouseover to onclick, it will work for you.
More googling for your pleasure
Ok...well, I tried this:
<html>
<head>
<title>Image reload page, thanks javascript!</title>
<script type="text/javascript" language="JavaScript">
function reloadImage()
{
img = document.getElementById('theimage');
img.src = '2.jpg?' + Math.random();
}
</script>
</head>
<body>
<img src="radar.jpg"
name="theimage" alt="radar image"
onclick="reloadImage();"
/>
</body>
</html>
But it won't load 2.jpg when you click it...anyone know why?
<html>
<head>
<title>Image reload page, thanks javascript!</title>
<script type="text/javascript" language="JavaScript">
function reloadImage()
{
img = document.getElementById('theimage');
img.src = '2.jpg?' + Math.random();
}
</script>
</head>
<body>
<img src="radar.jpg"
name="theimage" alt="radar image"
onclick="reloadImage();"
/>
</body>
</html>
But it won't load 2.jpg when you click it...anyone know why?
joecool85 said:
What are you trying to achieve with the random number? You will get returned "2.jpg?0.678864716868319" or similar for the source of the image, so it clearly won't load.
To see the value that you are getting back, pop up a dialogue box using the following in the function.
Code:
alert ("2.jpg?"+Math.random())It won't load an image if you give it's source as something that doesn't exist as a path, i.e. "2.jpg?+random number".
Try just just using img.src = "2.jpg" in the function, it should cause it to load that picture. If that works, try restating the source as img src="radar.jpg", edit the picture and save it, then click the image to call the function.
Try just just using img.src = "2.jpg" in the function, it should cause it to load that picture. If that works, try restating the source as img src="radar.jpg", edit the picture and save it, then click the image to call the function.
Maybe it's too late 🙂
The mistake is in name="theimage", in javascript you're looking for 'id'. Change the attribute 'name' to 'id' and it will be well.
The mistake is in name="theimage", in javascript you're looking for 'id'. Change the attribute 'name' to 'id' and it will be well.