Discussion :

[finalfx]

Bonjour,

j'ai créé un script me permettant de générer un tableau html à partir de données stockées dans un array à 2 dimensions. L'affichage est correct mais maintenant j'aimerais rajouter un lien en dessous de mon tableau qui lancerait une fonction me permettant de trier le contenu du tableau (par exemple par nom de famille) et qui réorganiserait donc le contenu de ce dernier dans la page html.

Voici mon code js réalisé jusqu'à présent :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
var tab= new Array();
tab[0]=new Array("Dupont","Pierre","Rue du Parc","45","7000","Mons");
tab[1]=new Array("Payen","Jean","Rue des champs","78","6000","Charleroi");
tab[2]=new Array("Abrassart","Nadine","Avenue de la paix","5","1000","Ixelles");
 
document.write("<table>");
 
    for (i=0 ;i<tab.length ;i++ )
    {
        document.write("<tr>");
 
            for (j=0 ;j<5 ;j++ )
            {
                        document.write("<td class='cellule"+j+"'>"+tab[i][j]+"</td>");
            }
        document.write("</tr>");
 
    }
 
 document.write("</table>");  
 document.write("<p><a href='javascript:tri();'>Trier</a></p>");

[Auteur]

bonjour,

regarde du côté de la fonction sort()

[finalfx]

oui j'ai lu que la méthode sort permettait de trier le contenu de mon tableau mais comment ces données peuvent elles remplacer les précédentes dans le tableau ? je dois réécrire mon tableau, réexécuter la boucle etc...?

[Auteur]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
function tri(a, b)
{
  if (a>b) return 1;
  if (a<b) return -1;
  if (a==b) return 0;
}
function tableau()
{
  var tab= new Array("Dupont","Payen","Abrassart");
  var tabTrie;
  tab[0]=new Array("Dupont","Pierre","Rue du Parc","45","7000","Mons");
  tab[1]=new Array("Payen","Jean","Rue des champs","78","6000","Charleroi");
  tab[2]=new Array("Abrassart","Nadine","Avenue de la paix","5","1000","Ixelles");
 
 
  tabTrie = tab.sort(tri);
 
  alert(tab[0]+"\n"+tab[1]+"\n"+tab[2]+"\n\n"+tabTrie[0]+"\n"+tabTrie[1]+"\n"+tabTrie[2]);
}

J'ai recopié un exemple que j'avais et, en toute franchise ne je sais absolument pas comment ça marche.

Et ne me demande pas le fonctionnement interne de sort(), je ne le sais pas Le résultat affiché me laisse perplexe pour cette raison. Tout ce que je sais est que l'argument positif ou négatif de sort influe sur le tri.