Ajout et enrigistrer modification tableau html

Fermé
bmjp9599 Messages postés 52 Date d'inscription mardi 5 mars 2013 Statut Membre Dernière intervention 14 janvier 2018 - 11 avril 2014 à 21:45
bonjour a tous !
voila tout est dans la question.
Est il possible d'inserer une ligne ou colonne entiere dans un tableau html ?

<table>
<tr>
<td>Nom</td>
<td>Prenom</td>
</tr>
<!--Lorsque on clique sur le bouton 'nouveau' une ligne s'ajoute en bas du tableau-->
</table>
<form>
<input type="button" value="Ajouter une personne" onClick=??? >
</form>

Bien qu'on puisse le faire trés aisement en php, je souhaiterais le faire en javascript . es ce possible ?
Merci pour vos réponses
Répondre

[javascript] Inserer une ligne dans une table
Javascript insérer ligne dans tableau
[PHP] inserer des donnees dans une table » Forum - PHP
Insérez une ligne dans une table automatique chaque mois » Forum - Programmation
[VBA] Insérer des lignes issues d'un 1er tabl » Forum - VB / VBA
Insérer plusieurs lignes dans excel (Résolu) » Forum - Excel
Word - Insérer une ligne horizontale » Articles
Plus
Trier par : Vote | Date | Date décroissante
RÉPONSE
+19
moinsplus
nebulus 15 juil. 2003 à 14:41
salut ted33, voici la fonction à appeler dans le onClick :

function AddOneRow(){



var newRow = document.getElementById('matable').insertRow(-1);

var newCell = newRow.insertCell(0);

newCell.innerHTML = '[nouveau nom]';

newCell = newRow.insertCell(1);

newCell.innerHTML = '[nouveau prenom]';



}



NB : tu dois avoir déclaré ta table comme ceci :
<table id="matable">


@+
Ajouter un commentaire - Lien (#2)
nahac83 - 28 sept. 2010 à 12:58
je veux uniquement savoir lorsqu'il sagit d'une liste deroulant que ce qu'il faut mettre à la place de newCell.innerHTML = '[nouveau nom]';?

RÉPONSE
+5
moinsplus
ted33 15 juil. 2003 à 13:22
attention, il s'agit du bouton 'Ajouter une personne' et non pas 'Nouveau'
Ajouter un commentaire - Lien (#1)
RÉPONSE
+0
moinsplus
ted 15 juil. 2003 à 15:53
ca marche niquel, je suis seulement oblige d'utiliser la fonction getElementTagByName à la place de getElementByID.
merci beaucoup
Ajouter un commentaire - Lien (#3)
RÉPONSE
+0
bmjp9599 11 avril 2014 à 21:10
bonjour, tout le monde voilà j'ai une question.

en fête les discussion précédente sont exactement ce que je voulais.
mais je veut pas m'arrêter là je veut avancer d'un pas.

je veut enregistrer tout les modification faite sur le site direct au code source, pour qu'il soit la même la prochaine fois.

exemple:
code source avant:

<tr>
<td>nom 1</tdr>
<td>prénom 1</td>
</tr>
bouton ajout une ligne.
-------------------------------
code source après:

<tr>
<td>nom 1</tdr>
<td>prénom 1</td>
</tr>
<tr>
<td>nom 2</tdr>
<td>prénom 2</td>
</tr>
bouton ajout une ligne.


voilà,voilà
merci d'avance
Ajouter un commentaire - Modifier - Lien (#5)