Colorer les cellules vides d'un tableau

EmmaPeel00 Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -  
EmmaPeel00 Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'aimerais colorer les cellules vides d'un tableau (et les décolorer lors qu'on saisit un texte dedans).
J'ai défini des classes avec style mais je n'arrive pas à utiliser une fonction JavaScript pour appliquer les styles lorsque la cellule du tableau est vide.

Pourriez-vous m'aider?

En vous remerciant par avance,
Emm

1 réponse

  1. Noobinformatic Messages postés 288 Statut Membre 6
     
    function btnClick() {
        var x = document.getElementById("mytable").getElementsByTagName("td");
        x[0].innerHTML = "i want to change my cell color";
        x[0].style.backgroundColor = "yellow";            
    }


    essaye ça
    0
    1. EmmaPeel00 Messages postés 2 Date d'inscription   Statut Membre Dernière intervention  
       
      Bonjour,

      Merci, j'ai construit ma fonction. :-)

      <script language="javascript">

      function ColorEmptyCellBorder() {
      var tab=document.getElementById("tableau-test");
      var nb= tab.rows[0].cells.length; // length of a row

      for (var i=1;i<tab.rows.length;i++)
      {

      for (var j=0;j<nb;j++)
      {
      if (tab.rows[i].cells[j].innerHTML=="" || tab.rows[i].cells[j].innerHTML == 'undefined')
      {
      tab.rows[i].cells[j].style.border="2px solid red";
      }
      }
      }
      }
      </script>

      Le problème c'est que je veux l'utiliser dans un ishare et je n'arrive pas à la faire appeler plus d'une fois :(
      0