Tri multi-colonnes d'un tableau html

Soyez le premier à donner votre avis sur cette source.

Vue 19 782 fois - Téléchargée 1 817 fois

Description

tout n'est-il pas dans le titre ?

Conclusion :


testé avec Internet Explorer,Mozilla,K-Meleon,Opera,Safari

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

fyav
Messages postés
124
Date d'inscription
mardi 30 décembre 2003
Statut
Membre
Dernière intervention
12 février 2010
-
réponse pour classer les cellules vide à la fin :
dans je fichier .js il faut modifier :

switch (Prm[0].toLowerCase())
{
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~
case "e": //~~~~ Entiers ~~~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~
if ( Zone=="" && sens.charAt(0).toLowerCase()=="a")
{
Zone="~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~";
} else {
while ( Zone.length<Number(Prm[1]) ) // adapter la
{
Zone="0"+Zone;
} // longueur
}

break;
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
case "jjmmaaaa": //~~~~ format date ~~~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
if ( Zone=="" && sens.charAt(0).toLowerCase()=="a")
{
Zone="~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~";
} else {
Zone= Zone.substr(4,4) +
Zone.substr(2,2) +
Zone.substr(0,2); // mise en forme aaaammjj
}
break;
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
case "jj/mm/aaaa": //~~~~ format date ~~~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
if ( Zone=="" && sens.charAt(0).toLowerCase()=="a")
{
Zone="~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~";
} else {
Zone= Zone.substr(6,4) +
Zone.substr(3,2) +
Zone.substr(0,2); // mise en forme aaaammjj
}
break;
/*===========================================\
! je n'ai mis ici que quelques possibilités. !
! on peut ajouter : !
! !
! case "type de zone": !
! ... traitements adaptés ... !
! break; !
! !
\===========================================*/
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
default: //~~~~ par défaut ~~~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
if( Zone=="" && sens.charAt(0).toLowerCase()=="a")
{
Zone="~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~";
}

case "c": //~~~~ caractères ~~~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
if( Zone=="" && sens.charAt(0).toLowerCase()=="a")
{
Zone="~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~";
}
break;
}
fyav
Messages postés
124
Date d'inscription
mardi 30 décembre 2003
Statut
Membre
Dernière intervention
12 février 2010
-
est-il possible de ne pas prendre en compte dans le tri des cellules où il n'y a pas d'informations et de les classer toujours à la fin ?
fyav
Messages postés
124
Date d'inscription
mardi 30 décembre 2003
Statut
Membre
Dernière intervention
12 février 2010
-
bonjour, je me permet de poster une modification pour l'exemple html :
- ajout d'une première ligne de tableau en javascript pour trier
- possibilité de trier sur des "commentaires" donc des valeurs qui ne sont pas "affichées"

fichier exemple.html :
<HTML>
<HEAD>
<TITLE>Tri tableaux HTML</TITLE>
<script> var nom_var_tab = document.getElementById("id_tableau"); </script>

<!-- ....... recopier le reste du fichier d'origine jusqu'au point suivant ..... -->

<!-- première ligne du tableau (qui ne sera pas triée) -->
<tr>
<td align="center">


</td>
<td align="center">


</td>
<td align="center">


</td>
<tr><td>55</td> <td><!-- 10012.50 -->menu : 12.50 €</td> <td>23/01/2005</td></tr>
<tr><td>1</td> <td><!-- 10010.00 -->menu : 10 €</td> <td>03/03/2001</td></tr>
<tr><td>3</td> <td><!-- 10010.50 -->menu : 10.50 €</td><td>01/01/2005</td></tr>
<tr><td>4444</td><td><!-- 20012.50 -->carte : 12.50 €</td><td>23/11/2004</td></tr>
<tr><td>22</td> <td><!-- 20010.00 -->carte : 10 €</td> <td>08/09/1999</td></tr>
<tr><td>1</td> <td><!-- 20010.50 -->carte : 10.50 €</td><td>17/02/2000</td></tr>
<tr><td>1</td> <td><!-- 20009.50 -->carte : 9.50 €</td><td>03/03/2001</td></tr>
<tr><td>4444</td><td><!-- 10009.00 -->menu : 9 €</td><td>23/01/2000</td></tr>
<tr><td>4444</td><td><!-- 10009.50 -->menu : 9.50 €</td><td>23/01/2000</td></tr>
</table>

<!-- .... et recopier le reste ... -->

fin du fichier exemple.html

les commentaires dans la 2ème colonne permet de trier les prix par "menu" puis par "carte"
cs_lena99
Messages postés
3
Date d'inscription
mercredi 22 octobre 2008
Statut
Membre
Dernière intervention
6 novembre 2008
-
Bin c'est vrai que sur le coup je n'ai pas compris cette ligne, mais maintenant ça me parait évident... et vu que je suis la seule à n'avoir pas compris du 1er coup c'est que ça doit être assez clair! :)
cs_bultez
Messages postés
13619
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
27 -
nickel si ça baigne
quand au temps de réponse, j'étais là,
un message me parvient quand quelqu'un
met un commentaire, que je soupçonnais
d'où ça venait...
cette ligne "colonne" n'est "pas si simple"
peut-être devrais-je refaire avec un format
d'appel du style { ...id:"valeur"... }
@+

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.