Tri multi-colonnes d'un tableau html

5/5 (54 avis)

Vue 20 164 fois - Téléchargée 1 858 fois

Télécharger le projet
Commenter

Description

tout n'est-il pas dans le titre ?

Conclusion :


testé avec Internet Explorer,Mozilla,K-Meleon,Opera,Safari
Télécharger le projet

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
10 déc. 2008 à 00:01
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
9 déc. 2008 à 20:21
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
9 déc. 2008 à 17:17
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
6 nov. 2008 à 14:18
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 13616 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
6 nov. 2008 à 11:58
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"... }
@+
S'inscrire maintenant

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.

Du même auteur (cs_bultez)