Problème lors d'insertion lignes dans tableau [résolu]

Problème lors d'insertion lignes dans tableau [résolu] - HTML/CSS - Programmation

Marsh Posté le 24-03-2006 à 15:16:02    

Bonjours à tous,
 
voici mon problème : je début sous javascript et je tente d'insérer des lignes dans un tableau.
Jusque là j'ai pigé le truc. Maintenant j'essaye d'ajouter autre chose que du texte ... merveilleux j'arrive à ajouter des input (si si :))
 
Ma prochaine "mission" est de réussir à ajouter 3 input à côté dans la même cellule, pourquoi faire me direz vous ? Pour saisir une date. Depuis le début de mon application j'utilise trois chams pour les dates que je traite ensuite avec une fonction php. Dans mes formulaire la date apparaît donc sous cette forme : dateJJ / dateMM / dateAA
 
J'ai donc commençé par créer mes variables :

Code :
  1. var delaisJJ = document.createElement("input" );
  2. delaisJJ.setAttribute("type", "text" );
  3. delaisJJ.setAttribute("id", 'delaisJJ_'+nb_ligne+'');
  4. delaisJJ.setAttribute("size", "2" );
  5. delaisJJ.setAttribute("maxlength", "2" );
  6.    
  7.    
  8. var delaisMM = document.createElement("input" );
  9. delaisMM.setAttribute("type", "text" );
  10. delaisMM.setAttribute("id", 'delaisMM_'+nb_ligne+'');
  11. delaisMM.setAttribute("size", "2" );
  12. delaisMM.setAttribute("maxlength", "2" );
  13.    
  14.    
  15. var delaisAA = document.createElement("input" );
  16. delaisAA.setAttribute("type", "text" );
  17. delaisAA.setAttribute("id", 'delaisAA_'+nb_ligne+'');
  18. delaisAA.setAttribute("size", "4" );
  19. delaisAA.setAttribute("maxlength", "4" );


 
Pour insérer que le jour par exemple, j'utilise :

Code :
  1. newCell = newRow.insertCell(4).appendChild(delaisJJ);


 
Mais je n'arrive pas à tout mettre à côté :(  
J'ai tenté croyant en la magie lol de faire :

Code :
  1. newCell = newRow.insertCell(4).appendChild(delaisJJ).appendChild(delaisMM).appendChild(delaisAA);


Je sais que ca doit choquer quelqu'un qui s'y connait mais bon l'espoire fait vivre.
 
J'ai aussi essayé de créer une variable delais qui aurait les trois champs, mais pas plus de succès.
Si quelqu'un pouvais me donner un petit coup de main  :jap:


Message édité par mc_cut_killer le 24-03-2006 à 16:28:24
Reply

Marsh Posté le 24-03-2006 à 15:16:02   

Reply

Marsh Posté le 24-03-2006 à 15:52:28    

Le problème là c'est que t'ajoutes les input les uns dans les autres...
Genre ton truc :

newRow.insertCell(4).appendChild(delaisJJ).appendChild(delaisMM).appendChild(delaisAA);


est équivalent à faire :

var td = newRow.insertCell(4);
var input1 = td.appendChild(delaisJJ);
var input2 = input1.appendChild(delaisMM);
input2.appendChild(delaisAA);


Tu vois le bordel :D
 
Essaye :

var td = newRow.insertCell(4);
td.appendChild(delaisJJ);
td.appendChild(delaisMM);
td.appendChild(delaisAA);

Reply

Marsh Posté le 24-03-2006 à 15:56:33    

heu ... je me doutais bien que c'étais le bordel lol
 
Je vais essayer ce que tu m'a donné ...


Message édité par mc_cut_killer le 24-03-2006 à 15:57:18
Reply

Marsh Posté le 24-03-2006 à 15:59:05    

Beautifull ca marche direct !!!
 
Merci bien pour ton aide :) :) :)

Reply

Marsh Posté le 24-03-2006 à 16:00:40    

Great !

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed