11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour.
J''utilise le script Sorttable.js pour trier les colonnes
Vous pouvez trouver le tuto ici

J'utilise aussi 2 couleurs pour mon tableau (ex blanc et gris), mais quand je trie, il arrive que la même couleur apparaisse sur plusieurs lignes consécutives (ex ligne 1: blanc, ligne 2: blanc, ligne 3: gris, ligne 4: gris ... , au lieu d'avoir blanc, gris, blanc, gris, blanc...)
Je précise qu'avant de trier, les couleurs sont bien positionnées, en fait quand je trie, la couleur suit les valeurs, alors qu'elle devrait être figée.


      $num=1;

      // Boucle d'affichage des résultats de la requête
      while($row=mysql_fetch_assoc($result)){
          $num++;
          // Utiliser Modulo 2 afin de vérifier si le $num est égal à 0.
          if(($num%2)!=0){
              $bg="#D1DCE2";
          }else{
              $bg="#FFFFFF";
          }
  ?>

  <tr bgcolor="<? echo $bg; ?>">


Merci de votre aide
Modifié par payn45 (26 Aug 2008 - 19:06)
Salut payn45 et bienvenue Smiley cligne ,

payn45 a écrit :

Je précise qu'avant de trier, les couleurs sont bien positionnées, en fait quand je trie, la couleur suit les valeurs, alors qu'elle devrait être figée.
Le premier affichage (et donc l'alternance des couleurs) est généré en PHP (et donc côté serveur) alors que les autres tris sont générés en Javascript (et donc côté client). Il est donc normal que la couleur affectée la première fois ne varie pas. Pour faire ce que tu veux il faudrait modifier le code Javascript pour que ce soit lors du tri que la couleur soit déclarée.

A+


Edit: en passant tu utilises l'attribut obsolète bgcolor au lieu de code css et j'en ai profité pour déplacer ton sujet.
Modifié par Heyoan (26 Aug 2008 - 19:39)
Merci pour ta réponse.

Tu pourrais me dire où je dois déclarer la couleur dans mon script ?
Euh... non ! Désolé mais tel que c'est écrit je ne saurais pas où le faire.

Le plus simple serait peut-être de poser la question directement à l'auteur ?

Je déplace tout de même dans le Salon Javascript.