begin process at 2012 02 12 00:57:16
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Divers

 > TRI DE TABLEAU HTML

TRI DE TABLEAU HTML


 Information sur la source

Note :
8 / 10 - par 6 personnes
8,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Divers Niveau :Débutant Date de création :21/08/2003 Date de mise à jour :21/08/2003 09:55:10 Vu :10 386
Auteur : francktfr

Ecrire un message privé
Site perso
Commentaire sur cette source (12)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Ce code permet de trier les tableaux HTML par colonne,
tres simple a mettre en place, les rangées doivent etre
identifiée pour faire partie des donées a trier.

Source

  • <HTML>
  • <HEAD>
  • <SCRIPT>
  • // Code créé par francktfr pour www.systeme-d.net
  • function SortArray(aText,aHtml,Index,Order){
  • var Test = Order > 0 ? "aText["+Index+"][b] > aText["+Index+"][a]" : "aText["+Index+"][b] < aText["+Index+"][a]" // Choix de la comparaison
  • for (a = 0; a < aText[Index].length; a++) // Liste de tous les éléments du tableau
  • {
  • for (b = 0; b < aText[Index].length ;b++) // Re-liste tous les éléments pour les comparer à Numbers[a]
  • {
  • if (eval(Test)) {
  • for (i=0; i<aText.length; i++){ // Mise a jour des tableaux
  • Copy = aText[i][b]; aText[i][b] = aText[i][a]; aText[i][a] = Copy
  • Copy = aHtml[i][b]; aHtml[i][b] = aHtml[i][a]; aHtml[i][a] = Copy
  • }
  • }
  • }
  • }
  • }
  • function IsDate(sDate){ // retourne true si c'est une date valide
  • if (sDate.length < 8){return false}
  • var iDay = sDate.substring(0,2)
  • var iMonth = sDate.substring(3,5)
  • var iYear = sDate.substring(6)
  • iDay = iDay*1
  • iMonth = (iMonth*1)-1
  • iYear = iYear*1
  • var rDate = new Date(iYear,iMonth,iDay,0,0)
  • if(rDate.toString() == "NaN"){return false}
  • return true
  • }
  • function cDate(sDate){ // Convertie une date du format JJ/MM/AAAA en date JavaScript
  • var iDay = sDate.substring(0,2)
  • var iMonth = sDate.substring(3,5)
  • var iYear = sDate.substring(6)
  • iDay = iDay*1
  • iMonth = (iMonth*1)-1
  • iYear = iYear*1
  • var rDate = new Date(iYear,iMonth,iDay,0,0)
  • return(rDate)
  • }
  • function TableOrder(Dir){ // 1: Croissant, -1: Décroissant
  • var oCell = event.srcElement
  • while (oCell.tagName != "TD"){oCell = oCell.parentElement} // determine la cellule sélectionnée
  • var oTable = oCell.parentElement
  • while (oTable.tagName != "TABLE"){oTable = oTable.parentElement} // determine l'objet table parent
  • var index = -1
  • for (c=0; c<oTable.rows[0].cells.length; c++){if (oTable.rows[0].cells[c]==oCell){index=c}} // determine l'index de la cellule
  • var RowNb = 0
  • var aHtmlTable = new Array() // Tableau de contenu HTML
  • var aTextTable = new Array() // Tableau de valeur
  • for (c=0; c<oTable.rows[0].cells.length; c++){ // sur toutes les cellules
  • var ColonneHtml = new Array()
  • var ColonneText = new Array()
  • var RowNb = 0
  • for (r=0; r<oTable.rows.length; r++){ // de toutes les rangées nommées "TableDatas"
  • if (oTable.rows[r].id == "TableDatas"){
  • ColonneHtml[RowNb] = oTable.rows[r].cells[c].innerHTML // met a jour le tableau de colonne correspondant
  • ColonneText[RowNb] = IsDate(oTable.rows[r].cells[c].innerText) ? cDate(oTable.rows[r].cells[c].innerText) : oTable.rows[r].cells[c].innerText
  • RowNb++
  • }
  • }
  • aHtmlTable[c] = ColonneHtml
  • aTextTable[c] = ColonneText
  • for (a=0; a<ColonneHtml.length; a++){aHtmlTable[c][a]=ColonneHtml[a]}
  • for (a=0; a<ColonneText.length; a++){aTextTable[c][a]=ColonneText[a]}
  • }
  • RowNb=0
  • SortArray(aTextTable,aHtmlTable,index,Dir) // Tri des données
  • for (x=0; x<oTable.rows[0].cells.length; x++){ // Remplacement des données dans le tableau HTML
  • RowNb=0
  • for (y=0; y<oTable.rows.length; y++){
  • if (oTable.rows[y].id == "TableDatas"){
  • oTable.rows[y].cells[x].innerHTML= aHtmlTable[x][RowNb]
  • RowNb++
  • }
  • }
  • }
  • }
  • </SCRIPT>
  • <STYLE>
  • .Table{font: 12 Arial; text-align: center; border: 1 solid black}
  • .Order{font: 12 Arial; cursor: hand; font-weight: bold; padding-left: 5; padding-right: 5}
  • </STYLE>
  • </HEAD>
  • <BODY>
  • <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=1 CLASS="Table">
  • <TR BGCOLOR=#CCCCCC>
  • <TD><SPAN CLASS="Order" onclick="TableOrder(-1)">&#9660;</SPAN>Date<SPAN CLASS="Order" onclick="TableOrder(1)">&#9650;</SPAN></TD>
  • <TD><SPAN CLASS="Order" onclick="TableOrder(-1)">&#9660;</SPAN>Données 1<SPAN CLASS="Order" onclick="TableOrder(1)">&#9650;</SPAN></TD>
  • <TD><SPAN CLASS="Order" onclick="TableOrder(-1)">&#9660;</SPAN>Données 2<SPAN CLASS="Order" onclick="TableOrder(1)">&#9650;</SPAN></TD>
  • <TD><SPAN CLASS="Order" onclick="TableOrder(-1)">&#9660;</SPAN>Données 3<SPAN CLASS="Order" onclick="TableOrder(1)">&#9650;</SPAN></TD>
  • </TR>
  • <TR BGCOLOR=#EEEEEE ID=TableDatas><TD>01/02/2003</TD><TD>2</TD><TD>3</TD><TD>Bidule</TD></TR>
  • <TR BGCOLOR=#DDDDDD ID=TableDatas><TD>02/02/2003</TD><TD>1</TD><TD>2</TD><TD>Machin</TD></TR>
  • <TR BGCOLOR=#EEEEEE ID=TableDatas><TD>03/01/2003</TD><TD>3</TD><TD>1</TD><TD>Truc</TD></TR>
  • <TR BGCOLOR=#DDDDDD ID=TableDatas><TD>06/02/2003</TD><TD>5</TD><TD>1</TD><TD>Personne</TD></TR>
  • <TR BGCOLOR=#EEEEEE ID=TableDatas><TD><FONT color=#FF0000>05/02/2003</FONT></TD><TD><FONT color=#FF0000>2</FONT></TD><TD><FONT color=#ff0000>4</FONT></TD><TD><FONT color=#FF0000>Autre</FONT></TD></TR>
  • <TR BGCOLOR=#CCCCCC><TD>Total</TD><TD>13</TD><TD>11</TD><TD></TD></TR>
  • </TABLE>
  • </BODY>
  • </HTML> 
<HTML>
<HEAD>
<SCRIPT>
//	Code créé par francktfr pour www.systeme-d.net
function SortArray(aText,aHtml,Index,Order){
	var Test = Order > 0 ? "aText["+Index+"][b] > aText["+Index+"][a]" : "aText["+Index+"][b] < aText["+Index+"][a]" // Choix de la comparaison
	for (a = 0; a < aText[Index].length; a++)				//	Liste de tous les éléments du tableau
	{	
	       for (b = 0; b < aText[Index].length ;b++)		//	Re-liste tous les éléments pour les comparer à Numbers[a]
	       {
		    	if (eval(Test)) {
					for (i=0; i<aText.length; i++){			//	Mise a jour des tableaux
						Copy = aText[i][b]; aText[i][b] = aText[i][a]; aText[i][a] = Copy
						Copy = aHtml[i][b]; aHtml[i][b] = aHtml[i][a]; aHtml[i][a] = Copy
					}	
				} 
	       }
	}
}
function IsDate(sDate){	//	retourne true si c'est une date valide
	if (sDate.length < 8){return false}
    var iDay = sDate.substring(0,2)
    var iMonth = sDate.substring(3,5)
    var iYear = sDate.substring(6)
	iDay = iDay*1
	iMonth = (iMonth*1)-1
	iYear = iYear*1
	var rDate = new Date(iYear,iMonth,iDay,0,0)
	if(rDate.toString() == "NaN"){return false}
	return true
}
function cDate(sDate){	//	Convertie une date du format JJ/MM/AAAA en date JavaScript
    var iDay = sDate.substring(0,2)
    var iMonth = sDate.substring(3,5)
    var iYear = sDate.substring(6)
	iDay = iDay*1
	iMonth = (iMonth*1)-1
	iYear = iYear*1
	var rDate = new Date(iYear,iMonth,iDay,0,0)
	return(rDate)
}
function TableOrder(Dir){	//	1: Croissant, -1: Décroissant
	var oCell = event.srcElement
	while (oCell.tagName != "TD"){oCell = oCell.parentElement}	//	determine la cellule sélectionnée
	var oTable = oCell.parentElement
	while (oTable.tagName != "TABLE"){oTable = oTable.parentElement}	//	determine l'objet table parent
	var index = -1
	for (c=0; c<oTable.rows[0].cells.length; c++){if (oTable.rows[0].cells[c]==oCell){index=c}}	//	determine l'index de la cellule
	var RowNb = 0
	var aHtmlTable = new Array()					//	Tableau de contenu HTML
	var aTextTable = new Array()					//	Tableau de valeur
	for (c=0; c<oTable.rows[0].cells.length; c++){	//	sur toutes les cellules
		var ColonneHtml = new Array()
		var ColonneText = new Array()
		var RowNb = 0
		for (r=0; r<oTable.rows.length; r++){		//	de toutes les rangées nommées "TableDatas"
			if (oTable.rows[r].id == "TableDatas"){
				ColonneHtml[RowNb] = oTable.rows[r].cells[c].innerHTML	//	met a jour le tableau de colonne correspondant
				ColonneText[RowNb] = IsDate(oTable.rows[r].cells[c].innerText) ? cDate(oTable.rows[r].cells[c].innerText) : oTable.rows[r].cells[c].innerText
				RowNb++
			}
		}
		aHtmlTable[c] = ColonneHtml
		aTextTable[c] = ColonneText
		for (a=0; a<ColonneHtml.length; a++){aHtmlTable[c][a]=ColonneHtml[a]}
		for (a=0; a<ColonneText.length; a++){aTextTable[c][a]=ColonneText[a]}
	}
	RowNb=0
	SortArray(aTextTable,aHtmlTable,index,Dir)	//	Tri des données
	for (x=0; x<oTable.rows[0].cells.length; x++){	//	Remplacement des données dans le tableau HTML
		RowNb=0
		for (y=0; y<oTable.rows.length; y++){
			if (oTable.rows[y].id == "TableDatas"){
				oTable.rows[y].cells[x].innerHTML= aHtmlTable[x][RowNb] 
				RowNb++
			}
		}
	} 
}
</SCRIPT>
<STYLE>
.Table{font: 12 Arial; text-align: center; border: 1 solid black}
.Order{font: 12 Arial; cursor: hand; font-weight: bold; padding-left: 5; padding-right: 5}
</STYLE>
</HEAD>
<BODY>

<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=1 CLASS="Table">
    <TR BGCOLOR=#CCCCCC>
    	<TD><SPAN CLASS="Order" onclick="TableOrder(-1)">&#9660;</SPAN>Date<SPAN CLASS="Order" onclick="TableOrder(1)">&#9650;</SPAN></TD>
    	<TD><SPAN CLASS="Order" onclick="TableOrder(-1)">&#9660;</SPAN>Données 1<SPAN CLASS="Order" onclick="TableOrder(1)">&#9650;</SPAN></TD>
    	<TD><SPAN CLASS="Order" onclick="TableOrder(-1)">&#9660;</SPAN>Données 2<SPAN CLASS="Order" onclick="TableOrder(1)">&#9650;</SPAN></TD>
    	<TD><SPAN CLASS="Order" onclick="TableOrder(-1)">&#9660;</SPAN>Données 3<SPAN CLASS="Order" onclick="TableOrder(1)">&#9650;</SPAN></TD>
    </TR>
    <TR BGCOLOR=#EEEEEE ID=TableDatas><TD>01/02/2003</TD><TD>2</TD><TD>3</TD><TD>Bidule</TD></TR>
    <TR BGCOLOR=#DDDDDD ID=TableDatas><TD>02/02/2003</TD><TD>1</TD><TD>2</TD><TD>Machin</TD></TR>
    <TR BGCOLOR=#EEEEEE ID=TableDatas><TD>03/01/2003</TD><TD>3</TD><TD>1</TD><TD>Truc</TD></TR>
    <TR BGCOLOR=#DDDDDD ID=TableDatas><TD>06/02/2003</TD><TD>5</TD><TD>1</TD><TD>Personne</TD></TR>
    <TR BGCOLOR=#EEEEEE ID=TableDatas><TD><FONT color=#FF0000>05/02/2003</FONT></TD><TD><FONT color=#FF0000>2</FONT></TD><TD><FONT color=#ff0000>4</FONT></TD><TD><FONT color=#FF0000>Autre</FONT></TD></TR>
    <TR BGCOLOR=#CCCCCC><TD>Total</TD><TD>13</TD><TD>11</TD><TD></TD></TR>
</TABLE>

</BODY>
</HTML>



 Sources du même auteur

Source avec une capture CHOIX DE DATES ET DE PERIODE
HORLOGE DIGITALE , SI SI
Source avec une capture TEXT COLORISÉ AVEC LE POURCENTAGE
Source avec une capture MENU AVEC EFFET DE DÉGRADÉ
ANNONCE LETTRE PAR LETTRE
Toutes les sources de francktfr

 Sources de la même categorie

COLONNES ADAPTABLES EN HAUTEUR par dronoide
Source avec Zip VECTEURS ET MATRICES: OUTILS GRAPHIQUES UTILES par william voirol
Source avec Zip Source avec une capture HTML5 PLAYER par kazma
Source avec Zip Source avec une capture SCROLLBAR PERSONNALISABLE par kazma
Source avec Zip INFO BULLE par RudiRatlos
Toutes les sources de la catégorie Divers

Commentaires et avis

Commentaire de Gorrk le 21/08/2003 21:05:01

Impressionnant

Commentaire de proffial le 29/08/2003 09:45:32

mortel, genial, trop pur ...

pour ma part, j'ai juste fait une petite modif dans le code:
dans la fonction TableOrder(dir)

while (oCell.tagName != "TD"){

je l'ai remplacé par :

while ((oCell.tagName != "TD")&&(oCell.tagName != "TR")){

pour prendre en considération les balises TR ...

Bon, je sais je chipote là ;)

Et je te mets 10 tout de suite ;)

Merci beaucoup pour cette source


Commentaire de econs le 02/09/2003 13:10:30 administrateur CS

chapeau bas.

Commentaire de phm le 08/09/2003 14:26:05

Bravo !
j'ai une proc asp qui fait de la conversion de fichier texte en html.
donc pas de base de données derrière...
Ton tri html est tout indiqué et fonctionne parfaitement !!!
Bravo c'est très très fort !!!

Commentaire de phm le 18/09/2003 09:50:16

petit retour supplémentaire : merci encore Franck pour ta contribution.
Voici un ajout pour trier les numériques :

2 fonctions supplémentaires et une modif de la fonction tableorder :

function IsNumber(sNum){
sNum=sNum.replace(",",".")
if(isNaN(sNum))
{return false}
else
{return true}
}

function cNumber(sNum){  //  Convertie un nombre chaine en correct
sNum=sNum.replace(",",".")
  return((sNum*1))
}

et dans la fonction tableorder,
tu remplaces :

ColonneText[RowNb] = IsDate(oTable.rows[r].cells[c].innerText) ? cDate(oTable.rows[r].cells[c].innerText) : oTable.rows[r].cells[c].innerText


par

est-ce une date ?
si non
est-ce un nombre (attention je ne remplace pas les virgules par des points)
si non
c'est une chaine

ColonneText[RowNb] = IsDate(oTable.rows[r].cells[c].innerText) ? cDate(oTable.rows[r].cells[c].innerText) : IsNumber(oTable.rows[r].cells[c].innerText) ? cNumber(oTable.rows[r].cells[c].innerText) : oTable.rows[r].cells[c].innerText
@+++

Commentaire de frbos le 22/10/2004 11:23:23

Franchement utile, hyper simple, la classe !
J'ai pu l'integrer a mon site en qques minutes.
BRAVO !!! 10/10

Commentaire de frbos le 16/11/2004 13:45:00

Le seul truc, c'est que je n'arrive pas a le faire fonctionner avec des balises html en minuscule...
Quelqu'un peut m'aider ?
A part ca, ce script reste hyper hyper utile !!!

Commentaire de francktfr le 16/11/2004 14:12:04

Dans la fonction "TableOrder" :
remplacer les " .tagName != " par " .tagName.toUpperCase() != "

ca devrait passer :)

Commentaire de antoine_w le 10/05/2005 04:05:08

Bonjour, j'aimerais savoir comment trier automatiquement une colonne dès l'ouverture de la page... merci!

Commentaire de sheriff64 le 21/02/2006 18:42:15

Enorme ta fonction, mais elle ne marche pas sous firefox !!! :(
Donc voila la version compatible pour ie et firefox(netscape)
Seul pb c pour la fonction innerText qui ne marche pas sous firefox, donc la dernier ligne du tableau en rouge ne marche pas. En gros il ne faut plus inserer de balise html dans le tableau.
Voila:

<html><HEAD>
<SCRIPT>
//    Code créé par francktfr pour www.systeme-d.net
function SortArray(aText,aHtml,Index,Order){
    var Test = Order > 0 ? "aText["+Index+"][b] > aText["+Index+"][a]" : "aText["+Index+"][b] < aText["+Index+"][a]" // Choix de la comparaison
    for (a = 0; a < aText[Index].length; a++)                //    Liste de tous les éléments du tableau
    {    
     for (b = 0; b < aText[Index].length ;b++)        //    Re-liste tous les éléments pour les comparer à Numbers[a]
     {
             if (eval(Test)) {
                    for (i=0; i<aText.length; i++){            //    Mise a jour des tableaux
                        Copy = aText[i][b]; aText[i][b] = aText[i][a]; aText[i][a] = Copy
                        Copy = aHtml[i][b]; aHtml[i][b] = aHtml[i][a]; aHtml[i][a] = Copy
                    }    
                }
     }
    }
}
function IsDate(sDate){    //    retourne true si c'est une date valide
if (sDate.length < 8){return false}
    var iDay = sDate.substring(0,2)
    var iMonth = sDate.substring(3,5)
    var iYear = sDate.substring(6)
    iDay = iDay*1
    iMonth = (iMonth*1)-1
    iYear = iYear*1
    var rDate = new Date(iYear,iMonth,iDay,0,0)
    if(rDate.toString() == "NaN"){return false}
    return true
}
function cDate(sDate){    //    Convertie une date du format JJ/MM/AAAA en date JavaScript
    var iDay = sDate.substring(0,2)
    var iMonth = sDate.substring(3,5)
    var iYear = sDate.substring(6)
    iDay = iDay*1
    iMonth = (iMonth*1)-1
    iYear = iYear*1
    var rDate = new Date(iYear,iMonth,iDay,0,0)
    return(rDate)
}

  
if (eval("window.captureEvents")) {
window.captureEvents(Event.CLICK);
}
document.onclick = clicked;
function clicked(ObjE){
var flag = (window.Event)? true : false;
var nid = (flag)? ObjE.target : window.event.srcElement;
if(nid.title=="actionTri"){
TableOrder(nid, nid.id);
}
}

function TableOrder(oCell, Dir){    // Dir   1: Croissant, -1: Décroissant
var flag = (window.Event)? true : false;

//Firefox, Netscape
if(flag){

while (oCell.tagName != "TD"){oCell = oCell.parentNode}    //    determine la cellule sélectionnée
var oTable = oCell.parentNode
while (oTable.tagName != "TABLE"){oTable = oTable.parentNode}    //    determine l'objet table parent
var index = -1
for (c=0; c<oTable.rows[0].cells.length; c++){if (oTable.rows[0].cells[c]==oCell){index=c}}    //    determine l'index de la cellule
var RowNb = 0
var aHtmlTable = new Array()                    //    Tableau de contenu HTML
var aTextTable = new Array()                  //    Tableau de valeur
for (c=0; c<oTable.rows[0].cells.length; c++){    //    sur toutes les cellules
var ColonneHtml = new Array()
var ColonneText = new Array()
var RowNb = 0
for (r=0; r<oTable.rows.length; r++){        //    de toutes les rangées nommées "TableDatas"
if (oTable.rows[r].id == "TableDatas"){
ColonneHtml[RowNb] = oTable.rows[r].cells[c].innerHTML    //    met a jour le tableau de colonne correspondant
ColonneText[RowNb] = IsDate(oTable.rows[r].cells[c].innerHTML) ? cDate(oTable.rows[r].cells[c].innerHTML) : oTable.rows[r].cells[c].innerHTML
RowNb++
}
}
aHtmlTable[c] = ColonneHtml
aTextTable[c] = ColonneText
for (a=0; a<ColonneHtml.length; a++){aHtmlTable[c][a]=ColonneHtml[a]}
for (a=0; a<ColonneText.length; a++){aTextTable[c][a]=ColonneText[a]}
}
RowNb=0
SortArray(aTextTable,aHtmlTable,index,Dir)    //    Tri des données
for (x=0; x<oTable.rows[0].cells.length; x++){    //    Remplacement des données dans le tableau HTML
RowNb=0
for (y=0; y<oTable.rows.length; y++){
if (oTable.rows[y].id == "TableDatas"){
oTable.rows[y].cells[x].innerHTML= aHtmlTable[x][RowNb]
RowNb++
}
}
}

//IE
}else{

while (oCell.tagName != "TD"){oCell = oCell.parentElement}    //    determine la cellule sélectionnée
var oTable = oCell.parentElement
while (oTable.tagName != "TABLE"){oTable = oTable.parentElement}    //    determine l'objet table parent
var index = -1
for (c=0; c<oTable.rows[0].cells.length; c++){if (oTable.rows[0].cells[c]==oCell){index=c}}    //    determine l'index de la cellule
var RowNb = 0
var aHtmlTable = new Array()                    //    Tableau de contenu HTML
var aTextTable = new Array()                    //    Tableau de valeur
for (c=0; c<oTable.rows[0].cells.length; c++){    //    sur toutes les cellules
var ColonneHtml = new Array()
var ColonneText = new Array()
var RowNb = 0
for (r=0; r<oTable.rows.length; r++){        //    de toutes les rangées nommées "TableDatas"
if (oTable.rows[r].id == "TableDatas"){
ColonneHtml[RowNb] = oTable.rows[r].cells[c].innerHTML    //    met a jour le tableau de colonne correspondant
ColonneText[RowNb] = IsDate(oTable.rows[r].cells[c].innerText) ? cDate(oTable.rows[r].cells[c].innerText) : oTable.rows[r].cells[c].innerText
RowNb++
}
}
aHtmlTable[c] = ColonneHtml
aTextTable[c] = ColonneText
for (a=0; a<ColonneHtml.length; a++){aHtmlTable[c][a]=ColonneHtml[a]}
for (a=0; a<ColonneText.length; a++){aTextTable[c][a]=ColonneText[a]}
}
RowNb=0
SortArray(aTextTable,aHtmlTable,index,Dir)    //    Tri des données
for (x=0; x<oTable.rows[0].cells.length; x++){    //    Remplacement des données dans le tableau HTML
RowNb=0
for (y=0; y<oTable.rows.length; y++){
if (oTable.rows[y].id == "TableDatas"){
oTable.rows[y].cells[x].innerHTML= aHtmlTable[x][RowNb]
RowNb++
}
}
}}

}
</SCRIPT>
<STYLE>
.Table{font: 12 Arial; text-align: center; border: 1 solid black}
.Order{font: 12 Arial; cursor: hand; font-weight: bold; padding-left: 5; padding-right: 5}
</STYLE>
</HEAD>
<BODY>

<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=1 CLASS="Table">
    <TR BGCOLOR=#CCCCCC>
        <TD><SPAN title="actionTri" id="-1" CLASS="Order">&#9660;</SPAN>Date<SPAN title="actionTri" id="1" CLASS="Order">&#9650;</SPAN></TD>
        <TD><SPAN title="actionTri" id="-1" CLASS="Order">&#9660;</SPAN>Données 1<SPAN title="actionTri" id="1" CLASS="Order">&#9650;</SPAN></TD>
        <TD><SPAN title="actionTri" id="-1" CLASS="Order">&#9660;</SPAN>Données 2<SPAN title="actionTri" id="1" CLASS="Order">&#9650;</SPAN></TD>
        <TD><SPAN title="actionTri" id="-1" CLASS="Order">&#9660;</SPAN>Données 3<SPAN title="actionTri" id="1" CLASS="Order">&#9650;</SPAN></TD>
    </TR>
    <TR BGCOLOR=#EEEEEE ID=TableDatas><TD>01/02/2003</TD><TD>2</TD><TD>3</TD><TD>Bidule</TD></TR>
    <TR BGCOLOR=#DDDDDD ID=TableDatas><TD>02/02/2003</TD><TD>1</TD><TD>2</TD><TD>Machin</TD></TR>
    <TR BGCOLOR=#EEEEEE ID=TableDatas><TD>03/01/2003</TD><TD>3</TD><TD>1</TD><TD>Truc</TD></TR>
    <TR BGCOLOR=#DDDDDD ID=TableDatas><TD>06/02/2003</TD><TD>5</TD><TD>1</TD><TD>Personne</TD></TR>
    <TR BGCOLOR=#EEEEEE ID=TableDatas><TD>05/02/2003</TD><TD>2</TD><TD>4</TD><TD>Autre</TD></TR>
    <TR BGCOLOR=#CCCCCC><TD>Total</TD><TD>13</TD><TD>11</TD><TD></TD></TR>
</TABLE>

</BODY>
</html>

Commentaire de OMERANI le 05/06/2006 17:59:38

c tres bien ;)

Commentaire de Jcbubu le 04/09/2007 23:43:35

Bonjour, bien que je ne sois pas informaticien et que je ne comprenne rien à tout ceci, il y a quand même un bug à signaler : le classement des caractères alphanumériques sous Firefox ne se fait pas correctement lorsqu'il s'agit de longues données, le seul moyen (après des tâtonnements)est de modifier la ligne "if (sDate.length < 8){return false}" en "if (sDate.length < 30){return false}" par exemple
Le même problème arrive pour ce script-ci : http://www.javascriptfr.com/code.aspx?ID=29116
Ma page : http://www.synergie-sante.net/html/annu/annuretr.html
Merci de vos explications

 Ajouter un commentaire

Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 2,371 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)