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

Ce site au démarrage

begin process at 2010 02 10 14:53:29

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

TRI DE TABLEAU HTML

Information sur la source

Note :

8,00 / 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 :8 532

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)">▼</SPAN>Date<SPAN CLASS="Order" onclick="TableOrder(1)">▲</SPAN></TD>
<TD><SPAN CLASS="Order" onclick="TableOrder(-1)">▼</SPAN>Données 1<SPAN CLASS="Order" onclick="TableOrder(1)">▲</SPAN></TD>
<TD><SPAN CLASS="Order" onclick="TableOrder(-1)">▼</SPAN>Données 2<SPAN CLASS="Order" onclick="TableOrder(1)">▲</SPAN></TD>
<TD><SPAN CLASS="Order" onclick="TableOrder(-1)">▼</SPAN>Données 3<SPAN CLASS="Order" onclick="TableOrder(1)">▲</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

CHOIX DE DATES ET DE PERIODE

HORLOGE DIGITALE , SI SI

TEXT COLORISÉ AVEC LE POURCENTAGE

MENU AVEC EFFET DE DÉGRADÉ

ANNONCE LETTRE PAR LETTRE

Toutes les sources de francktfr

Sources de la même categorie

MOOTABLEAU par Miky76

CALCULER VOTRE IMC par lesnouesremy

CONSOLE DOS par djebbipgm

PLUGIN JQUERY ARTE: AJOUTER DU TEMPS REEL SUR VOS PAGES WEB par arthurobriot

FAIRE UN FILTRE DES VILLES par scropfi01

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">▼</SPAN>Date<SPAN title="actionTri" id="1" CLASS="Order">▲</SPAN></TD>
        <TD><SPAN title="actionTri" id="-1" CLASS="Order">▼</SPAN>Données 1<SPAN title="actionTri" id="1" CLASS="Order">▲</SPAN></TD>
        <TD><SPAN title="actionTri" id="-1" CLASS="Order">▼</SPAN>Données 2<SPAN title="actionTri" id="1" CLASS="Order">▲</SPAN></TD>
        <TD><SPAN title="actionTri" id="-1" CLASS="Order">▼</SPAN>Données 3<SPAN title="actionTri" id="1" CLASS="Order">▲</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

Derniers Blogs

TECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURS par ROMELARD Fabrice

TECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOUR par ROMELARD Fabrice

UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante

TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice

[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion

Forum

RE : COUPER UNE PARTIE DE CHAINE par nhervagault

COUPER UNE PARTIE DE CHAINE par bydouille

JE VEUX LE CODE D'ANNIMATION AVEC JAVASCRIPT par dalinda

J'AI TROUVéE UN CODE SOURCE SUR INTERNET ET J'AI PAS LE COMPRIS par dalinda

RE : RéCUPERER LA TAILLE D'UN DIV par bumbo

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Cherche formation complete en GIMP
Budget : 750€
Module sur Prestashop
Budget : 700€
Redaction d-une page de vente pour un ebook
Budget : 300€

Logiciels

DB-MAIN (9.1.0)
DB-MAIN (9.1.0)

DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal...

Cliquez pour télécharger DB-MAIN
Xilisoft DPG Convertisseur (5.1.37.0120)
XILISOFT DPG CONVERTISSEUR (5.1.37.0120)

Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé...

Cliquez pour télécharger Xilisoft DPG Convertisseur
GraphicsGale (2.01.01)
GRAPHICSGALE (2.01.01)

GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ...

Cliquez pour télécharger GraphicsGale
Architecte 3D (Platinum 2010)
ARCHITECTE 3D (PLATINUM 2010)

Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é...

Cliquez pour télécharger Architecte 3D
TeamViewer 5 (TeamViewer 5)
TEAMVIEWER 5 (TEAMVIEWER 5)

Dépanner un ami,expliquer une manipulation devient un jeu d'enfant. Prise en main d'un autre ord...

Cliquez pour télécharger TeamViewer 5