Discussion :

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

 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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

, la valeur est

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
[object HTMLDivElement]

Le code exact de récupération est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>