France Hardware : Forums de discussion
Retrouvez les prix près de chez vous :  
Index du forum | Liste des membres | Liste des groupes | Inscription | F-A-Q | Recherche
Pseudo :    Password :     
22 646 membres enregistrés - 1 884 026 posts - 96 217 topics
Index des forums FH  | Index des forums DegroupNews
      Programmation
           ajouter des lignes dans un tableau dynamique
17 connectés(record : 207 le 05 juin 2007 - 05 h 23)

Vous devez vous connecter pour répondre au topic.
ajouter des lignes dans un tableau dynamique

yvii


Messages : 10
Inscrit le 19/06/07
Ville : paris
Non connecté
  Posté le 20 juin 2007 - 11 h 13 m 35 s
Bonjour à tous,

Je vais vous expliquer mon problème, tout d'abord je programme en xhtml.
Je dois créer un tableau dynamique au quel j'associe un bouton qui me permet d'ajouter des lignes à ce tableau.

Voici mon code:

dans le head:
<script type="text/javascript">

function createLigne() {

tab=document.getElementById('produits');
currentRow=tab.insertRow(tab.rows.length);

for(int i=0;i<1;i++)
{
currentRow.insertCell(i);
}
}

</script>

dans le body:
<input type="submit" value="+" title="ajouter un produit" onClick="createLigne()" >

Mais le problème est que cele ne fait rien au final .
Donc je voudrai savoir si quelqu'un ne pourrait pas m'aidé svp.

merci




grabber
Coordinateur
MacBook Pro 2,4 Powered

Messages : 8 528
Inscrit le 06/03/02
Ville : Angers
Non connecté
  Posté le 20 juin 2007 - 11 h 31 m 16 s
hello,

quels sont les messages d'erreur que tu obtiens ? c'est par la qu'il faut commencer ;)

ensuite perso je fais pas du tout comme toi.
ma methode :
- creer une ligne "template" qui te servira de modele a reproduire, cette ligne, tu la met en hidden.
- le bouton lance le clonage de la ligne template

tiens vla la fonction que j'utilise et qui marche nikel, adapte a ta sauce ;)

    Code     
 1. function addLigneGarantie(destination_id, from_id) {
 2.   
 3.   var destination = document.getElementById(destination_id);
 4.   var ma_source_tr = document.getElementById(from_id);
 5.   
 6.   // crea du tr et des 4 td
 7.   var newtr = document.createElement('tr');
 8.   var newtd1 = document.createElement('td');
 9.   var newtd2 = document.createElement('td');
10.   var newtd3 = document.createElement('td');
11.   var newtd4 = document.createElement('td');
12.   
13.   // recup des datas de chaque td source
14.   var valTD1 = ma_source_tr.getElementsByTagName("td")[0].innerHTML; 
15.   var valTD2 = ma_source_tr.getElementsByTagName("td")[1].innerHTML; 
16.   var valTD3 = ma_source_tr.getElementsByTagName("td")[2].innerHTML; 
17.   var valTD4 = ma_source_tr.getElementsByTagName("td")[3].innerHTML; 
18.     
19.   // affectation des donnees dans les td de destination
20.   newtd1.innerHTML = valTD1;
21.   newtd2.innerHTML = valTD2;
22.   newtd3.innerHTML = valTD3;
23.   newtd4.innerHTML = valTD4;
24.   
25.   // affectation du center sur le 4eme td
26.   //newtd4.getAttribute("style").setAttribute("text-align", "center");
27.   
28.   // incrustation des td dans le tr
29.   newtr.appendChild(newtd1);
30.   newtr.appendChild(newtd2);
31.   newtr.appendChild(newtd3);
32.   newtr.appendChild(newtd4);
33.   
34.   // on insere la ligne dans le tableau
35.   destination.parentNode.insertBefore(newtr, destination); 
36.   
37. }


moi c'est pour une ligne avec 4 td dedans. apres tu t'en tapes de ce qu'il ya dans les cellules car c'est pompe via le innerhtml de ta ligne template.

donc structure de la table :
table
tr de la ligne des titres du tableau (ou th comtuv)
tr de la ligne template
trs suivants correpondant aux lignes ajoutees

voila ;)

++



:firefox:

yvii


Messages : 10
Inscrit le 19/06/07
Ville : paris
Non connecté
  Posté le 22 juin 2007 - 10 h 05 m 32 s
c'est bon cela fonctionne j'ai utilisé le fonction addItem est cela fonctionne trés bien.
merci à tous




Page genérée en 0.3296 secondes par RahForum 2.0 | Gzip off |  Stats |  Metaforums |  RSS
© 2004 Cerbere Systems.
Prix Matériel Informatique | Informatique Lyon | Informatique Grenoble | Informatique Annecy | Informatique Marseille | Informatique Bordeaux | Forum Informatique
ADSL |Actualité ADSL | e-commerce | Commande Au Volant
Creative Commons
Message Boards and Forums Directory