Ajouter une ligne à un tableau (adaptation d'un script existant)

**beegees** · 26/10/2008, 11h08

Bonjour tout le monde,

J'ai un tableau, j'aimerais avec javascript y ajouter une ou plusieurs lignes.

Avant de poster, j'ai fais une recherche sur le forum et j'ai trouvé ce super code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
 
<script type="application/javascript">
	function Addcolonne(position){
		//récupération des lignes du tableau pour ajouter une cellule à chacune
		var MesLignes = document.getElementById('toto').getElementsByTagName("tr");
		var LastCelulle = document.getElementById('toto').getElementsByTagName("tr")[0].getElementsByTagName("td").length;
		for(var i = 0 , l = MesLignes.length; i < l ; i++){
			if(position == "debut"){
			//si on veux ajouter la célulle au début :
				var newCell = MesLignes[i].insertCell(0);
				newCell.innerHTML = 'nouvelle célulle';
			}
			else{
			// pour ajouter la "colonne a la fin : "
				var newCell = MesLignes[i].insertCell(LastCelulle);
				newCell.innerHTML = 'nouvelle célulle';
			}
		}
	}
</script>
</head>
 
<body>
 
<table width="200" border="1" id="toto">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<input type="button" value="ajouter au début" onclick="Addcolonne('debut')" />
<input type="button" value="ajouter a la fin" onclick="Addcolonne('fin')" />
</body>
</html>

Ce code écrit par "le chomeur" permet d'ajouter une colonne en début ou en fin de tableau.

Moi ce que j'aimerais faire, c'est ajouter une ligne en fin de tableau.

Est-il possible d'adapter ce code pour ajouter une ligne au tableau ?

Merci d'avance.

beegees

**bigboomshakala** · 26/10/2008, 11h20

la réponse est dans la FAQ Javascript

**beegees** · 26/10/2008, 12h04

Envoyé par bigboomshakala

la réponse est dans la FAQ Javascript

Salut,

Merci pour ta réponse.

En effet, le script est très intéressant, merci.

Deux petits problèmes maintenant :

1) La hauteur des lignes créés est trop petite car j'ai retiré [nouvelle cellule 0], y'a-t'il moyen de donner la valeur de la hauteur de la cellule ?
2) il ne crée que deux nouvelles cellules, le script devrait créer le nombre de cellule se trouvant dans la table appelée par la liste déroulante

Pour ce qui est du problème numéro 2, je calcule le nombre de champ de la table avec mysql_num_fields($query) ce qui me retourne le nombre de champs.

Je vais ensuite mettre dans un while la création des cellules.

Un tout grand merci pour l'aide.

beegees

Ajouter une ligne à un tableau (adaptation d'un script existant)

JavaScript

Vue hybride

Discussions similaires

Partager

Partager