Salut,  
 
J'ai un pb. Dans une page, j'ai :  
- des données brutes déjà chargées  
- des critères de choix  
- un tableau qui doit contenir le résultat du filtrage des données brutes par mes critères de choix  
 
Si vous préférez, j'ai un moteur de recherche et le tableau de résultats dans la même page.  
 
Mon problème est le suivant :  
- Je sais comment stocker mes données brutes sous forme de tableaux dans la page  
- je sais aussi comment calculer un tableau correspondant aux données filtrées par les critères  
- En revanche, je ne sais pas comment créer un tableau html (avec des liens) en javascript et écrire le code de ce tableau dans la page pour que ledit tableau soit modifié "en live" quand la personne change ses critères.

 
tu as essaye avec un model et un controleur ?

Moi y en a pas comprendre quoi toi y en a dire missié  

 
tu utilises simplement une page html, ou t'as d'autres fichiers ?

Tu devrais arriver à faire ça avec DOM et les fonctions appendChild()/createElement()
 
L'idée est de récupérer un objet Element qui représente ton tableau HTML :
 
tablo = document.getElementById("monTabelau" );
(en supposant que le tableau est attribut id="monTableau" )
 
puis d'ajouter à ce tableau lignes et cellules :
 

 
Et la ligne est ajoutée à la fin du tableau.
 
Voir la doc : http://www.mozilla.org/docs/dom/do [...] ml#1023967 (c'est pour Mozilla mais ça devrait marcher avec IE ou alors en adaptant un peu)

addElement apparemment, c'est du DHTML

1. DHTML n'existe pas. C'est juste un terme marketing pour désigner l'association de DOM + JavaScript
2. En quoi est-ce un problème de l'utiliser ?

 
ca ferait pas moins 'lourd de code' d'externaliser le script dans un fichier pour pouvoir gerer le dynamisme du tableau en fonctions des criteres selectionnes ?  

Si, bien sûr

 
mettre en place un model-vue-controleur par ex...

Si ça doit s'appeler comme ça...

>gm_superstar :
OK pour le DHTML. Il me semblait qu'il y avait des spécificités DOM IE dedans (Tu ne trouveras pas 2 browsers qui implémente exactement la même DOM )
 
>walli :
1) J'avais bien l'intention d'externaliser le code
2) Qu'appelles-tu "un model-vue-controleur" ?

Dans ton appli tu mets en place :  
- Un « modèle » permettant de mémoriser le contexte de l?application, et le résultat du filtrage des données brutes par mes critères de choix  
- Un « Contrôleur » dont le rôle est de gérer la mise à jour du modèle,
- Des vues constituées par les différentes pages html autrement dit principalement ton tableau.
 
Principe :  
1. Lorsque l?utilisateur modifie la valeur d?un champ de saisie, celui-ci notifie au contrôleur son changement.
2. Le contrôleur met alors à jour les éléments du modèle impactés par la nouvelle saisie.
3. Le modèle met alors à jour la vue.
 

Ben en fait, c'est c que je veux faire, mais on utilisait pas le même langage :
 
- mes données correspondant au tableau sont chargées au départ et stockées sous forme de tableaux
- lorsqu'un critère est modifié, ca déclenche une fonction javascript qui calcule le tableau résultant des données brutes filtrées par les critères
- puis le tableau HTML contenu dans la page est mis à jour avec les nouvelles données

 
il te manques quoi alors ?

Ben la façon de modifier le tableau html en live.
 
Bon plus maintenant : j'ai eu la base de la méthode par vos réponses et j'ai trouvé sur le site de mozilla un article pile sur le sujet
 
Donc je pense que ca devrait aller

Y'a comme un pb.
J'arrive à créer le contenu du tableau à partir de rien.
Par contre, quand j'efface récursivement tous les noeuds du tableau, il n'y a pas d'erreur, mais la structure du tableau est toujours là après, bien que toutes les cases soient vides.

Comment tu retires les n?uds ?

J'utilise la méthode removeChild, via un appel à ma méthode viderTableau. Code ci-joint :
 

http://www.evolt.org/article/Colla [...] index.html  

tu as essaye de mettre ton tableau dans une div ?
ainsi, lorsque tu as au moins une donnee dans ton tableau, tu le met en visible = true, et sinon, en visible = false
c'est ptet un peu bourrin, mais ca marche pas trop mal...  
 
et puis tot le matin, faut pas trop me demander de reflechir...  
 
 

Je ne cherche pas à le rendre visible ou invisible.
 
Mon problème, c'est que comme la structure n'est pas détruite, quand je re-remplis le tableau, ca laisse visiblement un espace au dessus des données, espace dû aux cases vides toujours calculées.

remplace  

par
monTableau.parentNode.removeChild(monTableau);

 
oui ca evitera l'espace au dessus de ses donnees.

Nan c'est pas bon.
 
1) Je ne veux pas détruire le tableau. Et ceci afin d'être bien sûr de le retrouver à la même place
 
2) Mon problème ne vient pas du node TABLE. A l'ouverture de ma page, il n'y a que ce node et le remplissage se passe très bien.
Mon problème vient de la persistance des noeuds enfants de TABLE. Quand je fais monTableau.removeChild (unDeSesEnfants), je n'ai pas d'erreur, mais toute la structure du tableau est toujours là après.

Quel enfant est-ce que tu retires ? Je viens d'essayer rapidement et si j'enlève une ligne (tr) la ligne disparait du tableau (elle ne s'affiche plus)
 
Essaye aussi de t'aider du DOM inspector de Mozilla, ça te permettra de vérifier que l'arborescence de ton document est bien celle que tu attends.

il y a insertBefore() pour ça. ou tu peux le mettre en fils unique d'une node, c'est largement plus simple que ta méthode récursive, où la récursivité est d'ailleurs inutile car removeChild() fait déjà le boulot nécessaire.  
 
pour le debug, tu peux aussi mettre une bordure à ta table / tes <td> pour voir si les cellules sont toujours là.

J'ai trouvé !
 
C'est un problème d'indice à la con (il est vrai qu'une fois qu'on a trouvé c'est TOUJOURS un problème à la con).
Ce n'est pas mon effacement récursif qui est en cause, c'est l'effacement des fils d'un noeud donné.
J'utilise pour ca une boucle qui apparemment, comme elle est croissante, essaie d'effacer des noeuds qui n'existent plus (ou qqch dans ce style).
 
Une autre méthode est :

 
Et là ca marche nickel  
 
En plus, si le removeChild fait bien lui même la récursivité (ce qui n'est pas indiqué dans le document du W3C http://www.w3.org/TR/2000/REC-DOM- [...] /core.html ), il suffit de le faire sur les enfants de monTableau  
 
Merci les mecs