CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresConnexion

begin process at 2009 01 09 23:10:17

REPONSE : RéSOLUTION D'éCRAN par alaindu_33

RE : PROBLèME POUR CHANGER LE DOCUMENT.BGCOLOR DANS IE par scratchdesign

RE : MAITRISE D'UN COPIER/COLLER DANS UNE IFRAME par LHUZ

PROBLèME POUR CHANGER LE DOCUMENT.BGCOLOR DANS IE par scratchdesign

RE : MAITRISE D'UN COPIER/COLLER DANS UNE IFRAME par Bul3

SPREAD SHARE (1.0.0.5)

Logiciel de reporting intégré à Excel 2007. Il permet de se connecter à une base de données (MySQ...

Cliquez pour télécharger Spread Share
Spread Share (1.0.0.5)
SUPER [ERIGHTSOFT] (V2009 BUILD 35)

Outil servant d'encodeur audio et vidéo. De très nombreux formats sont pris en compte (avi, wav...

Cliquez pour télécharger Super [eRightSoft]
Super [eRightSoft] (v2009 build 35)
SANDBOXIE (3.34)

Ce programme transforme les regles d'ecriture/lecture des fichiers et de la base de registre afin...

Cliquez pour télécharger Sandboxie
Sandboxie (3.34)
GPU-Z (0.3.1)

C'est un petit utilitaire sans installation qui renseigne sur votre/vos cartes graphiques ATI ou ...

Cliquez pour télécharger GPU-Z
GPU-Z (0.3.1)
L-TODO (2.1.1)

Grâce à ce programme, vous pourrez savoir où vous en êtes, et ce qu'il reste à faire pour termine...

Cliquez pour télécharger L-Todo
L-Todo (2.1.1)

+ de logiciels à télécharger

1 331 286 membres
715 nouveaux aujourd'hui
14 644 membres club

Trouver une ressource

Trouvez une ressource parmi 39 268 codes, 1 223 661 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

TRI DE TABLEAU HTML, SCRIPT ORIENTÉ OBJET

Information sur la source

Catégorie :Divers Classé sous : tri, tableau, html, poo Niveau : Initié Date de création : 13/10/2005 Vu / téléchargé: 12 460 / 1 189

Auteur : zilx

Site perso

Ecrire un message privé

Note :

9,00 / 10

Commentaire sur cette source (12)

Ajouter un commentaire et/ou une note

Description

Ce script est une adaptation du code de ce script : http://www.javascriptfr.com/code.aspx?id=29926 (auteur LARION).
J'ai programmé cette version en objet. Il est très facile d'utilisation, les fleches permettant d'activer le tri sur tel ou tel colonne sont ajoutées par le script dans les entêtes ainsi que les évènements correspondant (onClick).

Ce script utilise la très bonne librairie prototype.js que vous pouvez télécharger ici : http://prototype.conio.net/

Source

EXEMPLE D'UTILISATION
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Trier des tableaux html</title>
<script type="text/javascript" src="../prototype.js"></script>
<script type="text/javascript" src="sortHTMLTable.js"></script>
</head>
<body>
<br>
<table id="users">
<tr>
<th>Number</th>
<th>String</th>
<th>Date</th>
</tr>
<tr>
<td>12</td>
<td>Albert</td>
<td>23/02/1926</td>
</tr>
<tr>
<td>4</td>
<td>Roger</td>
<td>12/10/1973</td>
</tr>
<tr>
<td>1</td>
<td>Celine</td>
<td>13/12/1983</td>
</tr>
<tr>
<td>1</td>
<td>Isabelle</td>
<td>19/03/1983</td>
</tr>
<tr>
<td>-15</td>
<td>Emily</td>
<td>30/11/1983</td>
</tr>
</table>
<table id="users2">
<tr>
<th>Number</th>
<th>String</th>
<th>Date</th>
</tr>
<tr>
<td>22</td>
<td>Francis</td>
<td>23/02/1926</td>
</tr>
<tr>
<td>45</td>
<td>Frank</td>
<td>12/10/1973</td>
</tr>
<tr>
<td>11</td>
<td>Raoul</td>
<td>13/12/1983</td>
</tr>
<tr>
<td>-1</td>
<td>Joceline</td>
<td>19/03/1983</td>
</tr>
<tr>
<td>15</td>
<td>Julie</td>
<td>30/11/1983</td>
</tr>
</table>
<script type="text/javascript">
new sortHTMLTable( 'users' );
new sortHTMLTable( 'users2' );
</script>
</body>
</html>

EXEMPLE D'UTILISATION

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <title>Trier des tableaux html</title>
  <script type="text/javascript" src="../prototype.js"></script>
  <script type="text/javascript" src="sortHTMLTable.js"></script>
</head>
<body>
<br>
<table id="users">
	<tr>
		<th>Number</th>
		<th>String</th>
		<th>Date</th>
	</tr>
	<tr>
		<td>12</td>
		<td>Albert</td>
		<td>23/02/1926</td>
	</tr>
	<tr>
		<td>4</td>
		<td>Roger</td>
		<td>12/10/1973</td>
	</tr>
	<tr>
		<td>1</td>
		<td>Celine</td>
		<td>13/12/1983</td>
	</tr>
	<tr>
		<td>1</td>
		<td>Isabelle</td>
		<td>19/03/1983</td>
	</tr>
	<tr>
		<td>-15</td>
		<td>Emily</td>
		<td>30/11/1983</td>
	</tr>
</table>
<table id="users2">
	<tr>
		<th>Number</th>
		<th>String</th>
		<th>Date</th>
	</tr>
	<tr>
		<td>22</td>
		<td>Francis</td>
		<td>23/02/1926</td>
	</tr>
	<tr>
		<td>45</td>
		<td>Frank</td>
		<td>12/10/1973</td>
	</tr>
	<tr>
		<td>11</td>
		<td>Raoul</td>
		<td>13/12/1983</td>
	</tr>
	<tr>
		<td>-1</td>
		<td>Joceline</td>
		<td>19/03/1983</td>
	</tr>
	<tr>
		<td>15</td>
		<td>Julie</td>
		<td>30/11/1983</td>
	</tr>	
</table>
<script type="text/javascript">
new sortHTMLTable( 'users' );
new sortHTMLTable( 'users2' );
</script>
</body>
</html>

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

fleche_bas.png 154 octets
fleche_haut.png 152 octets
sortHTMLTable.js 7 442 octets
test.html 1 330 octets

Télécharger le zip

Sources du même auteur

AIDE AU CHOIX DANS LES LONGS SELECT (PAYS PAR EXEMPLE)

Toutes les sources de zilx

Sources de la même categorie

MINI MOTEUR DE TEMPLATE par abdoulax

JUKE BOX AVEC DEWPLAYER par alain17610

TRADUCTION DE TEXTE par zoby44

CARTE GOOGLE MAPS par CodeurleGeek

CLEAR D'UN INPUT FILE par PetoleTeam

Toutes les sources de la catégorie Divers

Sources en rapport avec celle ci

TRI DE TABLEAU, ALGORITHME LES PLUS CONNUS IMPLÉMENTÉS (FUSI... par the_wwt

AFFICHAGE, ÉDITION GRAPHIQUE DE TABLEAUX par thebmxeur

TRI DE TABLEAUX HTML par coucou747

TRI DYNAMIQUE DE TABLEAU HTML, MULTI COLONNES, ORIENTÉ OBJET... par vb1

TRI MULTI-COLONNES D'UN TABLEAU HTML par bultez

Commentaires et avis

Commentaire de gb24 le 14/10/2005 14:02:52

Ok ça marche...suffit d'aller chercher le prototype.js et aucun pb : du premier coup et sans manip..
Mais serait-il possible à un surdoué d'ajouter une fenêtre d'attente pendant que le tri se fait car pour une grosse table on ne sait pas trop ce qui se passe !!!!!!!!

Commentaire de zilx le 17/10/2005 00:46:38

Cela doit pouvoir ce faire, je vais étudier le problème !

Commentaire de hind99 le 17/10/2005 01:54:00

j'aime bien savoir le code en javascript qui calcul le nombre des mots dans une chaine de caractére merci

Commentaire de Ramdn le 22/12/2005 11:08:17

salut, jarriv pas a trouver 'prototype.js
merci et a+

Commentaire de opilouo le 22/03/2006 18:28:26

Comment on fait pour que le tri ne se fasse pas dans une colonne ? que les fleche ne s'affiche pas ?

Commentaire de cmicdev le 09/11/2006 18:24:19

Salut, c'est un super outil!!

Mais j'ai quand même une petite question:

J'ai 2 formulaire en php:
- sur le premier, j'affiche le tableau de trie
- je fais différents tris, c'est OK
- ensuite je clique sur une ligne du tableau et j'affiche le détail dans un autre formulaire

Le problème, c'est lorsque je reviens sur le premier formulaire (contenant le tableau), le trie des colonnes à disparu.

Comment faire pour réafficher le tableau tel que je l'ai trié à l'origine ?

Merci

Commentaire de piedpierre le 19/02/2007 07:29:07

la Fameuse regexp cellContent = this.tableToSort.rows[1].cells[cellCpt].innerHTML.replace( /<\/?[^>]+>/gi, "" );
Sert à virer d'éventuelles balises (img,a,etc) de la cellule pour en avoir juste le contennu texte

Commentaire de fanfouer le 10/04/2007 00:46:33

Bonsoir, petit probleme avec cette classe, sous FF 2.0.0.3 , le navigateur me renvoi une erreur au niveau de la 40ème ligne : {pathToImgUp:"fleche_haut.png", pathToImgDown:"fleche_bas.png"}.extend is not a function

D'ou cela provient-il? La librairie prototype a été téléchargée et les images des fleches up & down sont au meme niveau que mon fichier php.

Merci et je pense que quand ca marchera, ca vaudra bien 10 :)

Commentaire de fanfouer le 10/04/2007 15:56:02

Non, plus de problème, c'était simplement la version de prototype.js qui n'était pas la bonnne (on trouve la 1.5 alors qu'il fallait la 1.3, que j'ai trouvé dans une autre source).

Bravo, super travail :)

Commentaire de sacados12 le 17/05/2007 21:35:19

J'ai un problème même en téléchargeant la bonne source de prototype cela ne fonctionne pas ... Je suis le vilain petit canard ! Chez tous le monde cela fonctionne quelqu'un pourrait-il le mettre en ligne ? Merci d'avance

Commentaire de na_no_net le 18/05/2007 17:38:46

Bonjours ;

Je veux modifier cet fonction pour pouvoir triée seulement quelque colonne
Par ce que j'ai un tableau qui contient dans le 1ere colonne des checkbox alors je voudrai pas que la fonction tri cette colonne (par ce que il cause des problème dans cette cas)
Merci d'avance pour votre aide.

Commentaire de Tchupacabra le 08/06/2007 17:03:37

Moi j'ai une erreur avec
.extend( options || {} );
du début...

Comment corriger ce problème ?

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Tri de colonnes d'un tableau html grâce à un js [ par ebenedzer ] SalutJe n'arrive pas à trouver comment je peux trier les colonnes d'un tableau fait en html, à l'aide d'un javascript.Est-ce que je dois met Trier dynamiquement un tableau HTML (à l'aide de XML, XSL, Javascript) [ par edevouge ] Bonjour, Dans le cadre d'un stage, j'ai besoins de créer un tableau html à partir d'un fichier XML et d'un fichier XSL. Et grâce au JavaScript, je v Impression tableau html [ par amita ] merci à l'équipemes chers amis, voici mon problème:je viens de créer une page php qui contient des tableaux html, ces tableaux sont remplis avec une b Comment modifier un tableau HTML avec du javascriptJavascript [ par 1000ste ] Bonjour,> J'ai une page HTML avec la description d'un tableau. Je voudrais à l'aide de javascript modifié le contenu d'une zone du tableau avec la extraire un tableau HTML..et l'exporter sur un tableur [ par POMDORAK ] ..bonjour ..bonjour.. ..voilà..je viens humblement sur ces pages pour rechercher un peu d'aide.. ..Terriblement accroché à un jeu Onl POO , instanciation d'objet relié a un élément HTML [ par josh666 ] Bonjour a tous !Bon je me lance plus a fond dans la programmtion POO , et j'aimerais savoir s'il y a une méthode de relié une instanciation d'objet a Tri de tableau [ par Evangun ] Bonjour à tous,je me demande pourquoi quand je trie mon tableau alphabétiquement, ils sont tous bon sauf le premier qui est mis en dernière position ! Tri de tableau associatif [ par cydelic ] Bonjour, J’ai un petit problème de tri... je vous explique Rien de bien compliquer, j’ai un tableau associatif du genre : var exportation tableau html vers excel [ par kedieng ] Slt j'aimerai pouvoir exporter un tableau html en excel mais je ne sais pas comment faire. Si quelqu'un peut m'aider.Merci Tri (fonction sort) [ par John_Doe_88 ] Salut tlm,J'utilise la fonction sort pour trier un tableau, mais ce tableau peut être très grand et dans ce cas j'obtiens un message dans le navigateu