Forum d'entraide PHPFrance

Bonjour,

J'avais fais ce truc il y a quelques mois déja, mais je ne me rappel plus comment j'avais fais, pourriez vous me remettre sur la voie S.V.P

J'ai un tableau classique avec <tr><td></td></tr> et je voudrais pouvoir cliquer sur un bouton ou un texte qui m'ajoute automatiquement une nouvelle ligne <tr><td></td></tr>

Je me rappel vaguement que cela fonctionne avec Innerhtml ou getElementById un truc dans le genre, mais je ne sais plus comment on ajoute un élément.

Merci d'avance.

Oh, c'est très simple en fait.

Il te suffit de manipuler le DOM, l'objet de la page html.

Code : Tout sélectionner

//D'abord, créer l'élément:
var nouvelleLigne     = document.createElement('tr');
// Créer une colonne
var nouvelleColonne = document.createElement('td');

// attacher la colonne à la ligne
nouvelleLigne.appendChild(nouvelleColonne);

// trouver le tableau
var leTableau = document.getElementById('tableau');

// attacher les éléments crées au tableau
leTableau.appendChild(nouvelleLigne);

Et ça devrait le faire tout bien.

Avec le framework Jquery, ça se résumerait à ceci:

Code : Tout sélectionner

$('#tableau').append('<tr><td></td></tr');

A titre d'information

Forum d'entraide PHPFrance

Ajout d'un <td> dans un tableau par le javascript

Ajout d'un <td> dans un tableau par le javascript