Soyez le premier à donner votre avis sur cette source.
Snippet vu 13 556 fois - Téléchargée 28 fois
<html><head> <title>Tri dynamique de tableau</title> <style> .Titre1 { color:BA0000; font-family:'Arial'; font-weight:bold; text-decoration:underline; font-size:15pt; } .Titre2 { color:white; background-color:BA0000; font-family:'Arial'; font-weight:bold; font-size:13pt; } .Titre3 { color:white; background-color:BA0000; font-family:'Arial'; font-weight:bold; font-size:12pt; } .Titre4 { color:black; background-color:E57D7D; font-family:'Arial'; font-weight:bold; font-size:11pt; } .Corps { color:black; font-family:'Arial'; font-size:11pt; } td { vertical-align:top; } a { COLOR:BA0000; TEXT-DECORATION: none } a:hover { COLOR:BA0000; TEXT-DECORATION: underline overline } </style> </head> <BODY onLoad="triTab(1)"> <script langage="javascript"> var tabNum = new Array("#001","#002","#003","#004","#005","#006","#007","#008","#009","#010"); var tabNom = new Array("Dupont","Martin","Toto","Alain","Lulu","Jacques","Laurent","André","Dupond","Marcel"); var tabDesc = new Array("Homme","Femme","Homme","Autre","Femme","Autre","Homme","Femme","Femme","Homme"); function triTab(tabind) { var temp; var ind01; var ind02; var tmptab; switch (tabind) { case 1 : tmptab = tabNum ; break; case 2 : tmptab = tabNom ; break; case 3 : tmptab = tabDesc ; break; } for (ind01 = tmptab.length-1; ind01 >= 0; ind01--) { for (ind02 = tmptab.length-1; ind02 >= 0; ind02--) { if (tmptab[ind02] < tmptab[ind01]) { temp = tabNum[ind02]; tabNum[ind02] = tabNum[ind01]; tabNum[ind01] = temp; temp = tabNom[ind02]; tabNom[ind02] = tabNom[ind01]; tabNom[ind01] = temp; temp = tabDesc[ind02]; tabDesc[ind02] = tabDesc[ind01]; tabDesc[ind01] = temp; } } } // construction du tableau temp = "<table border='0' width='100%' class='Corps'><tr><td colspan='3' class='Titre4'>Tableau :</td></tr>"; temp += "<tr><td><a href='#top' onClick='triTab(1)'>par Num</a></td><td><a href='#top' onClick='triTab(2)'>par Nom</a></td><td><a href='#top' onClick='triTab(3)'>par Sexe</a></td></tr>" for (ind01 = 0; ind01 < tabNum.length; ind01++) { temp += "<tr><td>" + tabNum[ind01] + "</td><td>" + tabNom[ind01] + "</td><td>" + tabDesc[ind01] + "</td></tr>"; } temp += "</table>"; document.getElementById("tab").innerHTML = temp; } </script> <center> <a name="top"></a> <div id="tab"> </div> </center> </body> </html>
25 août 2003 à 16:48
Et si ma source était exactement la même que l'autre je ne l'aurai pas mise. Par ailleurs si tu veux t'amuser à réinventer la roue a chaque nouvelle source, bonne chance ;)
Mais je ne cache pas que cela m'a servie de base, et à ce que je sache, les codes sont pour s'en servir ?
A+
jerm's
18 août 2003 à 10:54
http://www.javascriptfr.com/article.aspx?ID=146
cctiger :
Pour inverser le tri c'est facile, je vais mettre une source aujourd'hui ...
18 août 2003 à 10:45
En fait j'avais juste oublié un tit "=" qui faisait planté mon code :)))
J'ai donc la solution :))))
18 août 2003 à 10:00
De A à Z c'est ce qui est fait mais de Z à A comment faire ???
Merci de me répondre si kkun a une idée !!!!
cédric.larcher@tiscali.fr
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.