using javascript to display an image

Question

I have an image as follow:
<img id="imgId" src="img/cart.png" style="display: none"/>
When a button is clicked, it calls a JavaScript function to display the image

document.getElementById("imgId").style.display = "inline"

The image is displayed well but it does not show up when I go back from another page.
What I want is after displaying the image, it will be still there even I go to another page and back.
Any helps are appreciated.

What do you have as a back-end to serve the pages? A little more information would be appreciated. — Matijs
– Matijs, Commented Apr 24, 2011 at 9:21

Webbies · Accepted Answer · 2011-04-24 09:27:35Z

1

You could do it by saving the image "state" in the URL-hash of the page. (The thing after # ).

When displaying the image, do it like this:

document.getElementById("imgId").style.display = "inline";
window.location.hash = "imgIdShown";

And on pageload you run this little piece of code.

if (window.location.hash == "imgIdShown")
{
    document.getElementById("imgId").style.display = "inline";
}

answered Apr 24, 2011 at 9:27

Webbies

9879 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Headshota · Accepted Answer · 2011-04-24 09:21:07Z

0

Save your state in a session if it's possible.

answered Apr 24, 2011 at 9:21

Headshota

21.4k13 gold badges63 silver badges82 bronze badges

Collectives™ on Stack Overflow

using javascript to display an image

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related