Permutation éléments de liste

[nodules]

Salut !

Le problème : d'une page à une autre, j'aimerais pouvoir inverser des éléments d'une liste (à l'affichage) sans avoir à toucher au code html

La seule solution que j'ai trouvée, est de créer deux listes aux contenus identiques mais avec des éléments ordonnées différemment et demander ensuite dans le CSS d'afficher l'une ou l'autre selon la page où je suis.

HTML :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
 
<ul id="test1">
<li>Un</li>
<li>Deux</li>
<li>Trois</li>
</ul>
 
<ul id="test2">
<li>Trois</li>
<li>Deux</li>
<li>Un</li>
</ul>

et dans le CSS:

Code :

1
2
 
#test1 {display:none;} /*pour afficher que la seconde version de la liste*/

L'emmerdant c'est que y'a de la répétition de code, qui peut être pénalisante d'un point de vue temps de chargement et d'un point de vue robot aussi.

Donc voyez vous d'autres façon de faire ... avec du CSS ? avec peut-etre du Javascript ? autre ?

Merci !

[pop_up]

Pourquoi ne pas utiliser javascript pour trier ta liste ?
tu fais une fonction de tri croissant ou decroissant et tu l'appel au chargement de ta page.

Qu'en penses tu ?