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.
la communauté d'entraide francophone dédiée au PHP
Ajout d'un <td> dans un tableau par le javascript
Oh, c'est très simple en fait.
Il te suffit de manipuler le DOM, l'objet de la page html.
Et ça devrait le faire tout bien.
Avec le framework Jquery, ça se résumerait à ceci:
A titre d'information
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);
Avec le framework Jquery, ça se résumerait à ceci:
Code : Tout sélectionner
$('#tableau').append('<tr><td></td></tr');