Ajouter ligne/colonne à un tableau HTML par JS

Drunk Shark

Drunk Shark

8 secondes
Hello,

J'ai une bièce question, j'ai un mini-site qui est en local et qui est en HTML.
J'ai plusieurs tableaux dedans, c'est cool.

J'aimerais pouvoir ajouter des lignes ou des colonnes, bref enrechir les tableaux si il faut quoi.
Jusqu'à la tout va bien, voici le code HTML :

HTML: 
<table id="tab1">
<tr>
<th>Dossier</th>
<th>Nom</th>
<th>Prénom</th>
<th>Date</th>
</tr>
<tr>
<td>0123456789</td>
<td>AZERTY</td>
<td>QSDFGH</td>
<td>01/01/1990</td>
</tr>
</table>
<input type="button" value="Ajouter" onclick="addRow(document.getElementById('tab1'), document.getElementById('rowText').value);" />
<input type="text" id="rowText" />
Et voici le code JS :

HTML: 
function addRow(elmt, value)
{
    var tr = document.createElement('tr');
    elmt.appendChild(tr);
   
    var td = document.createElement('td');
    tr.appendChild(td);
    var tdText = document.createTextNode(value);
    td.appendChild(tdText);
}
Jusqu'à la ça va, quand j'appiue sur le bouton la colonne s'ajoute mais ne se sauvgarde pas.. Si je fais F5, ça se remet comme c'était à l'origine.

Donc comment faire pour réellement modifier le fichier HTML ?
Je ne veux pas passer par du PHP car c'est un truc en local et tout con :baille:
 
eGm_

eGm_

Gibon Blasé
c'est normal, vu que c'est exécuté coté client.

tu dois passer par un cookie ou alors si c'est du html5 le local storage.

Mais bon si tu veux persister les données fait un fichier excel ^^
 
orel_

orel_

Trololo
Si tu veux persister tes données, tu vas devoir passer soit par un serveur avec base de données, soit enregistrer tes données en local.
Pour ce dernier, tu peux enregistrer ça dans le local storage de ton navigateur (mais si tu vides ton cache, tout disparaît) ou alors, exporter tes données vers un fichier json ou xml et puis charger ce fichier à chaque ouverture de ta page.
 
1er
OP
Drunk Shark

Drunk Shark

8 secondes
Ah okey, merci à vous, je vais exploiter le fichier XML alors, on verra ce que ça donne :D
 
Connectez-vous pour réagir !
Haut