Permutation éléments de liste
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 !
