Discussion :

[Hakuna_Maths_ata]

Bonjour,


mon LocalStorage n'arrive pas à sauvegarder... je vous montre mon script:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
 
var membres = [];
 
function ajouter(){
 
// recup des donnees à partir des inputs
 
var nom = document.getElementById("nom").value;
var prenom = document.getElementById("prenom").value;
var ville = document.getElementById("ville").value;
var statut = document.getElementById("stat").value;
var mail = document.getElementById("mail").value;
 
//ne faites pas attention aux date et genre
 
membres.push({Nom: nom, Prenom: prenom, DateDeNaissance: "11/01/1911", Genre: "Femme", Statut: statut, VillePays: ville, Courriel: mail}); //ajout
 
localStorage.setItem('membres', JSON.stringify(membres));
 
console.log(membres); //tout s'affiche... plus j'appuie plus ca cree... 
}
 
function tableau(){
    var tab = JSON.parse(localStorage.getItem('membres')); // mais il ne recupere qu'un seul membre....
    console.log(tab);
 var col = [];
    for (var i = 0; i < tab.length; i++) {
        for (var a in tab[i]) {
            if (col.indexOf(a) === -1) {
                col.push(a);
            }
        }
    }
 
    var table = document.createElement("table"); //creation d'un tableau 
    var tr = table.insertRow(-1);
 
    for (var i = 0; i < col.length; i++) {
        var th = document.createElement("th");      //creation des header
        th.innerHTML = col[i];
        tr.appendChild(th);
    }
 
    for (var i = 0; i < tab.length; i++) {
 
        tr = table.insertRow(-1);                      //creation du corps 
 
        for (var j = 0; j < col.length; j++) {
            var corpsTab = tr.insertCell(-1);
            corpsTab.innerHTML = tab[i][col[j]];
        }
    }
 
 
    var final = document.getElementById("table"); //tableau final 
    final.appendChild(table);
}

Quelqu'un pourrait-il m'aider ?

[danielhagnoul]

Comportement logique puisque vous écrivez tout dans un seul item portant le nom "membres".

Voir : https://developer.mozilla.org/fr/doc...eb_Storage_API

Suggestion : faire setItem/getItem sur le nom "membre" + nom (document.getElementById("nom").value)

[Hakuna_Maths_ata]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
var membres = [];
function ajouter() {
  var nom = document.getElementById('nom').value;
  var prenom = document.getElementById('prenom').value;
  var ville = document.getElementById('ville').value;
  var statut = document.getElementById('stat').value;
  var mail = document.getElementById('mail').value;
  if (nom === '' || prenom === '')
    alert('Nom et prenom sont obligatoires');
  else {
    membres = JSON.parse(localStorage.getItem('membres'));
    membres.push({
      Nom: nom,
      Prenom: prenom,
      DateDeNaissance: '11/01/1911',
      Genre: 'Femme',
      Statut: statut,
      VillePays: ville,
      Courriel: mail
    });
    localStorage.setItem('membres', JSON.stringify(membres));
    console.log(membres);
  }
}

Code fonctionnel.... merci