11487 sujets

JavaScript, DOM et API Web HTML5

bonjour a ts;
j'aurai besoin de votre aide svp . je cherche à colorier les lignes d'un tableau (que je genere de ma base avec c#) en cliquant sur un boutton trier.

j'utilise du jquery pour parcourir les lignes et vérifier le contenu d'un colonne si cette colonne contient le texte false j'applique une couleur et si c true c une autre etc voici mon code, je pense que j'arrive pas a cibler la ligne en question tte me sligne prennent la meme couleur avec le code suivant

[code=javascript][

('#Button1').click(function(){//en cliquant sur le boutton trier je parcours les ligne une a une.
            $('tr ').each(function ()
{                 var contenu =  $(this).find('td').eq(0).html(); //recuperer le contenu de la colonne 0    
            var etat =  $(this).find('td').eq(3).html(); 
            if (contenu = "FALSE")      //si le contenu de la colonne 0 est false je met la meme ligne en rouge

      { 
$(this).parents('tr').css("background", "RED");   
          }        
         else if (contenu = "TRUE" && etat ="PRET")   //je verifie le contenu de deux colonne pr appliquer une couleur.      
    {   
$('.contenu').css("background", "green");     
        }
         else { 
$('.actif').css("background", "orange");             
 }         
  });           
});]

j’espère avoir été claire et vous remercie de votre aide.
Salut déjà remettre ton code lisible Smiley cligne

('#Button1').click(function(){//en cliquant sur le boutton trier je parcours les ligne une a une.
            $('tr ').each(function ()
{                 var contenu =  $(this).find('td').eq(0).html(); //recuperer le contenu de la colonne 0    
            var etat =  $(this).find('td').eq(3).html(); 
            if (contenu = "FALSE")      //si le contenu de la colonne 0 est false je met la meme ligne en rouge

      { 
$(this).parents('tr').css("background", "RED");   
          }        
         else if (contenu = "TRUE" && etat ="PRET")   //je verifie le contenu de deux colonne pr appliquer une couleur.      
    {   
$('.contenu').css("background", "green");     
        }
         else { 
$('.actif').css("background", "orange");             
 }         
  });           
});


ensuite tu n'as pas appris que pour une comparaison on utilise == ?? alors que pour une assignation on utilise = Smiley cligne

voilà ++
Oui, le simple égale n'ai pas faisable dans un if en JS, de ce fait tu dois avoir des erreurs console dans ton navigateurs, commence par là!
bonjour, pardon pour le lisibilité c 'est mon premier message
pour == si je l'ai appris et je l'ai testé ca ne fonctionne pas qd même en effet j'ai fait l'erreur en copiant le code (dsle) mais je l'ai déjà testé.
je pense savoir ou est le problème mais je ne sais pas le resosudre.
en gros je ne cible pas la ligne où la colonne (0) contient un false j'ai essayé (this) ou this. parents, pareil. ca applique la couleur à tt le tableau et sans prendre en compte le contenu de la colonne en question.
je pensais qu'on mettant each pour le tr normalement si je met (thi)s après ça désignerait le tr, ou je me trompe? voici une solution que j'ai testée mais pareil.
bref
COMMENT CIBLER UNIQUEMENT LA LIGNE QUI RÉPOND AU CRITÈRE PRÉCISE MERCI?

    
      $('#Button1').click(function(){

               $('tr td').each(function () {
     
                   var contenu =  $(this).find('td').eq(0).html();// récupérer le contenu de la colonne(0)
 

                   var etat =  $(this).find('td').eq(3).html();  //récupérer le contenu de la colonne(3)

            if (contenu == "FALSE") 
            {
                 $(this).parents('tr').css("background", "RED");
            
             }
         else if (contenu == "TRUE" && etat =="PRET")
              {
                 $(this).parents('tr').css("background", "green");
              }

         else {
                 $(this).parents('tr').css("background", "orange");
               }
            });
            });
Re
c bon pour moi j'ai trouve mon erreur , mes erreur 2 min après Smiley smile

voici le code si ca intéresse qq un merci a vous

 $('#Button1').click(function(){

            $('tr').not(':first').each(function () {
     
            var contenu =  $(this).find('td').eq(0).html();

            console.log(contenu);

            etat =  $(this).find('td').eq(3).html(); 

            if (contenu == "FALSE") 
            {
           
                 $(this).css("background", "RED");
            
             }
        

         else if (contenu == "TRUE" && etat =="PRET")
              {
                 $(this).css("background", "green");
              }

         else {
                 $(this).css("background", "orange");
               }
            });
            });
Meilleure solution