[javascript] Inserer une ligne dans une table
Résolu
ted33
Messages postés
6
Statut
Membre
-
bmjp9599 Messages postés 67 Statut Membre -
bmjp9599 Messages postés 67 Statut Membre -
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
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
A voir également:
- [javascript] Inserer une ligne dans une table
- Insérer une vidéo dans powerpoint - Guide
- Table ascii - Guide
- Comment insérer une table des matières dans word - Guide
- Insérer une signature sur word - Guide
- Insérer une liste déroulante excel - Guide
4 réponses
salut ted33, voici la fonction à appeler dans le onClick :
NB : tu dois avoir déclaré ta table comme ceci :
<table id="matable">
@+
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">
@+
nahac83
je veux uniquement savoir lorsqu'il sagit d'une liste deroulant que ce qu'il faut mettre à la place de newCell.innerHTML = '[nouveau nom]';?
ca marche niquel, je suis seulement oblige d'utiliser la fonction getElementTagByName à la place de getElementByID.
merci beaucoup
merci beaucoup
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
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
