Rechercher : dans
Par :

[javascript] Inserer une ligne dans une table

Dernière réponse le 15 jui 2003 à 15:53:19 ted33, le 15 jui 2003 à 13:07:11 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « [javascript] Inserer une ligne dans une table » dans :
Réaliser des études de marché en ligne VoirRéaliser des études de marché en ligne Gain de temps, analyse plus complète et plus rapide : la réalisation des études de marché en ligne par des spécialistes ou grâce à des logiciels spécifiques a de nombreux avantages pour un chef de petite ou...
Javascript - Les tableaux VoirIntroduction à la notion de tableau Les variables de Javascript ne permettent de stocker qu'une seule donnée à la fois. Or, étant donné qu'il est souvent utile de manipuler de nombreuses données, le concept de variable se révéle parfois...
LaTeX - Gestion des tableaux VoirCréation de tableaux Les tableaux permettent une meilleure structuration du document, ce qui rend le document plus compréhensible et plus lisible. LaTeX fournit un environement pour créer des tableaux de façon simple : tabular. Un tableau se...
Javascript - La notion d'objet VoirNotion d'objet Le but de cette section n'a pas pour ambition de traîter de la programmation orientée objet mais de donner une idée de ce qu'est un objet, concept nécessaire à la création de scripts Javascript. Le Javascript traite les éléments qui...

1

ted33, le 15 jui 2003 à 13:22:52

Attention, il s'agit du bouton 'Ajouter une personne' et non pas 'Nouveau'

Répondre à ted33

2

nebulus, le 15 jui 2003 à 14:41:23
  • +3

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">


@+

Répondre à nebulus

3

 ted, le 15 jui 2003 à 15:53:19

Ca marche niquel, je suis seulement oblige d'utiliser la fonction getElementTagByName à la place de getElementByID.
merci beaucoup

Répondre à ted
Collection CommentÇaMarche.net