[HTML / JS] Tableau triable

Tableau triable [HTML / JS] - HTML/CSS - Programmation

Marsh Posté le 03-01-2007 à 14:23:00    

Lut' all !  :bounce:  
 
Est-il possible de trier filtrer un tableau HTML?...
 
Je m'explique : J'ai par exemple dans la colonne "classe" différents attributs (6ème, 5ème, 4ème,...). Je souhaite seulement afficher les élèves qui sont en classe de 5ème... Celà est-il possible? Et si oui, comment?
 
Merci d'avance de votre aide... !  :jap:


Message édité par Profil supprimé le 03-01-2007 à 15:08:57
Reply

Marsh Posté le 03-01-2007 à 14:23:00   

Reply

Marsh Posté le 03-01-2007 à 14:40:30    

Bonjour,
 
Ce n'est peut-être pas le plus simple, mais je sais qu'il est possible de faire ça avec de la manipulation de DOM et du Javascript

Reply

Marsh Posté le 03-01-2007 à 14:54:28    

ps : il ne s'agit pas de faire un tri ici, mais un filtre
 
sinon, +1 avec la solution de bepimaco. y'a 25000 façons de faire, mais celle-ci semble la plus souple

Reply

Marsh Posté le 03-01-2007 à 15:08:31    

MagicBuzz a écrit :

ps : il ne s'agit pas de faire un tri ici, mais un filtre
 
sinon, +1 avec la solution de bepimaco. y'a 25000 façons de faire, mais celle-ci semble la plus souple


 
Serait-il possible d'avoir de plus ample informations sur cette technique svp?... Un exemple de script?

Reply

Marsh Posté le 03-01-2007 à 15:12:24    

www.w3schools.com
 
(plus exactement : http://www.w3schools.com/dom/default.asp )


Message édité par MagicBuzz le 03-01-2007 à 15:13:29
Reply

Marsh Posté le 03-01-2007 à 15:18:00    

Il s'agit essentiellement de remodeler le code HTML avec du javascript.
 
S'il s'agit de lignes d'un tableau par exemple, il faut que tu donne un id à chaque ligne. Le javascript effectue un test sur cette ligne, et s'il considère qu'elle n'est pas bonne, il l'efface.
 
Pour ça, il la sélectionne (document.getElementById('x'); et il la supprime parent.removeChild('element);
 
C'est un peu court à tout expliquer, cette page liste les fonctions qui devraient t'aider : http://fr.selfhtml.org/javascript/objets/node.htm

Reply

Sujets relatifs:

Leave a Replay

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