[HTML 5] Sauver le contenu d'une div avec html5

[michel.di]

Bonjour à tous, je souhaiterais savoir s'il est possible de sauver le contenu d'une div.

En fait par du Javascript je modifie les classes de div contenues dans la div et lors du rafraichissement de la page, tout est perdu.
Je souhaiterais donc sauver cette div afin de la remettre dans le bon état après rechargement.

Est-ce possible?
J'espère avoir été clair

Merci d'avance

[michel.di]

J'ai vu qu'il y avait

Code :

1
2
 
window.localStorage.setItem

Mais je ne vois pas trop comment m'en servir dans mon cas...

[Vil'Coyote]

Mais je ne vois pas trop comment m'en servir dans mon cas...

c'est surtout que un rechargement écrase forcément les données de ton script donc cela risque d'être compliqué sauf utilisation éventuellement d'ajax avec stockage en session php ou écriture en base de données voir text cela risque d'être difficile.

sinon un getElementByid('tondiv').innerHTML pour récupérer le contenu ne peut pas te servir ?

[michel.di]

Apparemment même après un rechargement de la page, après avoir fait

Code :

 window.localStorage.setItem('key','value')

, tu peux récupérer le contenu après.
Donc dans cet appel, je passe le innerHTML de ma div mais lorsque je fais

Code :

1
2
 
window.localStorage.getItem('key')

, la valeur est

Code :

1
2
 
[object HTMLDivElement]

Le code exact de récupération est :

Code :

1
2
3
4
5
6
7
 
<script>
        if(window.localStorage.getItem('serviceView')){
            var service = window.localStorage.getItem('serviceView');
            document.getElementById('serviceView').innerHTML = service;
        }
</script>