Save event onclick js

Question

I have this code

<script>
    var content = document.getElementById('float_content_right');
    var hide = document.getElementById('hide_float_right');
    function hide_float_right() {

        if (content.style.display == "none") {
            content.style.display = "block";
            hide.innerHTML = '<a href="javascript:hide_float_right()">Close [X]</a>';

        } else {
            content.style.display = "none";
            hide.innerHTML = '<a href="javascript:hide_float_right()">Open...</a>';
        }
    }
    var images = new Array();
    images[0] = "<a href='http://phuongnuochoa.com' target='_blank'><img src='http://thegioidoco.net/gif/1.gif'></a>";
    images[1] = "<a href='http://quattran.com' target='_blank'><img src='http://thegioidoco.net/gif/2.gif'></a>";
    images[2] = "<a href='http://dogoducthien.vn' target='_blank'><img src='http://thegioidoco.net/gif/3.gif'></a>";

    $(images[Math.floor(Math.random() * images.length)]).appendTo('#float_content_right');
    setInterval(function () {
        $('#float_content_right').empty();
        $(images[Math.floor(Math.random() * images.length)]).appendTo('#float_content_right');
    }, 5000);
</script>

And now i want, When I press the Close button the image is hidden, then F5 again the picture is still hidden. And if I don't press the Close button, then when I F5 the image is still there.

Please help me, this is my exercise!

Thanks.

@Walk how to do it? :(, i know should use localStorage but i can't know how to do — Nam Jayer
– Nam Jayer, Commented Oct 12, 2017 at 7:14

Amit Kumar Singh · Accepted Answer · 2017-10-12 08:00:28Z

1

Use session storage in your code. Like this.

On the click of your Close button, set a key in session storage.

// Save data to sessionStorage
sessionStorage.setItem('imageVisible', '1');

On F5 or page load function call, generally $(document).ready(function(){}), you can check this.

// Get saved data from sessionStorage
var data = sessionStorage.getItem('imageVisible');
if(data == 1)
{
  //show the div containing the image.
}
else
{
  //hide the div containing the image.
}

answered Oct 12, 2017 at 8:00

Amit Kumar Singh

4,4952 gold badges11 silver badges24 bronze badges

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

Collectives™ on Stack Overflow

Save event onclick js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related