Discussion :

[Auteur]

http://javascript.developpez.com/faq...pt/?page=Table

Comme je n'ai que très peu de commentaires à poster sur cette section, j'ai préféré tout grouper.

1- Comment ajouter une ligne à un tableau ?
http://javascript.developpez.com/faq...ble#AjoutLigne

Dans la fonction addRow(), on initialise tout d'abord une variable newRow avec document.getElementById('table').insertRow(-1). La fonction insertRow peut prendre plusieurs paramètre :

Le style "justifié" s'applique mal à ce texte : on des grands espaces entre chaque mot.
Il manque un "s" à "paramètre". Le bout de code contenu dans la phrase n'est pas mis en évidence. Il manque des points à la fin des énumérations.

J'aimerai que l'on insiste sur le fait que innerHTML n'est pas adapté pour insérer des lignes et des cellules dans un tableau et qu'il faut impérativement utiliser les fonctions du DOM. Il faut réserver innerHTML pour insérer du texte non formaté.


Proposition de correction

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<table id="table">
    <tr>
        <td>Cellule 0</td>
        <td>Cellule 1</td>
    </tr>
</table>
<input type="button" value="Ajouter une ligne" onclick="AddRow()" >

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
function AddRow(){
    var newRow = document.getElementById('table').insertRow(-1);
    var newCell = newRow.insertCell(0);
    newCell.innerHTML = '[nouvelle cellule 0]';
    newCell = newRow.insertCell(1);
    newCell.innerHTML = '[nouvelle cellule 1]';
}
</script>

Dans la fonction addRow(), on initialise tout d'abord une variable newRow avec document.getElementById('table').insertRow(-1). La fonction insertRow peut prendre plusieurs paramètres :

• -1 : La ligne sera ajoutée à la fin du tableau.
• 0 : La ligne sera ajoutée au début du tableau.
• autre valeur numérique : la ligne sera ajoutée à la place correspondant à la valeur numérique. Cette valeur ne doit tout de même pas être supérieure au nombre total de lignes du tableau.

Remarque :
La fonction innerHTML n'est pas adaptée pour insérer des lignes et des cellules dans un tableau, il faut impérativement utiliser les fonctions du DOM. Il faut réserver innerHTML pour insérer du texte non formaté.
Voir Utilisation du DOM.

2- Comment écrire dans une cellule d'un tableau ?
http://javascript.developpez.com/faq...EcrireCelleule
On pourra remarquer une faute de frappe dans le lien : #EcrireCelleule au lieu de #EcrireCellule (le lien est tout de même valide malgré la faute).


3- Comment mettre un scrollbar à gauche sur un tableau ?
http://javascript.developpez.com/faq...ble.scrollLeft
RAS

[Auteur]

Aucune remarque à formuler ?

[NoSmoking]

2- Comment écrire dans une cellule d'un tableau ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var oTexte = document.createTextNode('Au revoir');
var oCel   = document.getElementById('cel');
oCel.replaceChild( oTexte, oCel.firstChild);// attention quand même à la structure du contenu

Il y aurait matière à développez, , au sujet de l'injection/modification/suppression d'éléments dans les TABLEs.

Utilisations prioritaires des méthodes qui sont faites pour cela insertRow, insertCell, deleteRow, deleteCell et autres, et que dans le cas d'utilisation de la méthode createElement l'élément TR doit être ajouté au TBODY de la table pour être crossBrowser.

[Auteur]

Il y aurait matière à développez, , au sujet de l'injection/modification/suppression d'éléments dans les TABLEs.

J'ai ce script comme exemple pour l'ajout / suppression de lignes :
http://www.developpez.net/forums/d33...u/#post2057900
Après quelques retouches on peut peut-être l'ajouter dans la question ? Ou alors dans la partie Divers scripts utiles ?

[vermine]

Trois Q/R me semble mieux.

[Auteur]

Trois Q/R me semble mieux.

Je vais préparer ça.