Tri multi-colonnes d'un tableau html

Soyez le premier à donner votre avis sur cette source.

Vue 19 864 fois - Téléchargée 1 828 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

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;
}
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 ?
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"
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! :)
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
32
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"... }
@+
Afficher les 54 commentaires

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.