Sujet Précédent Sujet Suivant

Erreur dans programme

Fermé
iamtheone Messages postés 39 Date d'inscription lundi 10 avril 2017 Statut Membre Dernière intervention 8 mai 2017 - 23 avril 2017 à 15:30
hcp7kuz Messages postés 243 Date d'inscription mardi 18 août 2015 Statut Membre Dernière intervention 23 mars 2019 - 9 mai 2017 à 16:34
Bonjour,
Je ne comprend vraiment pas. Voici mon code (pas très long don't worry). La question que je me pose est à la fin de celui-ci. 

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
        
        <style>
        
table {
   background-color: blue;
}

td {
   width: 50px;
   height: 50px;
   border: 5px solid blue;
   border-radius: 100%;
   background-color: white;
}

        </style>
        
    </head>
    <body>
        
        <table>
            <tr>
                <td onClick="testt(0)"></td>
                <td onClick="testt(1)"></td>
                <td onClick="testt(2)"></td>
            </tr>
            <tr>
                <td onClick="testt(3)"></td>
                <td onClick="testt(4)"></td>
                <td onClick="testt(5)"></td>
            </tr>
        </table>
        
    <script>
        
tour = -1;
function testt(i) {    
    td = document.getElementsByTagName("td")[i];
    if (td.style.backgroundColor=="white") {
        tour++;
        if (tour%2==0) {
           //si pair 
           td.style.backgroundColor = "red";
        } else {
           //si impair 
           td.style.backgroundColor = "yellow";
        }
    } else {
       alert("Pourquoi je m'affiche toujours ?");
    }
}
        
    </script>
        
    </body>
</html>


Merci bien.

1 réponse

Réponse 1 / 1
jordane45 Messages postés 38262 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 27 octobre 2024 4 693
23 avril 2017 à 16:45
Bonjour,

Parce qu'aucun backgroundcolor n'a été défini...

Essaye ça : 
 if (td.style.backgroundColor=="white" || td.style.backgroundColor== "") {

0
iamtheone Messages postés 39 Date d'inscription lundi 10 avril 2017 Statut Membre Dernière intervention 8 mai 2017
23 avril 2017 à 17:08
Mais il est défini dzns le css, ça suffit pas?
0
jordane45 Messages postés 38262 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 27 octobre 2024 4 693 > iamtheone Messages postés 39 Date d'inscription lundi 10 avril 2017 Statut Membre Dernière intervention 8 mai 2017
23 avril 2017 à 17:20
bizarrement .. en testant ton code ... en examinant l'élément via les outils de debug du navigateur .. il est "vide"
0
hcp7kuz Messages postés 243 Date d'inscription mardi 18 août 2015 Statut Membre Dernière intervention 23 mars 2019 23 > jordane45 Messages postés 38262 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 27 octobre 2024
9 mai 2017 à 16:34
Il me semble que le code défini en css ne peux pas être lu, seulement celui dans l'attribut style le peut, pour lire le css il faut lire la propriété dans la/les feuille(s) de style(s) via document.styleSheets[x], non ?
0
iamtheone Messages postés 39 Date d'inscription lundi 10 avril 2017 Statut Membre Dernière intervention 8 mai 2017
23 avril 2017 à 17:35
Ah bah un bug javascript peut-être :p sinon merci, j'ai test pour "" du coup mais pas pour "white" en plus ça sert à rien.
0

Discussions similaires

Instagram "Désolé, une erreur s'est produite"
bananamilk -
cedric.masdeb -

60 réponses
GWXUX a cessé de fonctionner
ikam -
Adakhum -

9 réponses
TV LG affiche le carré non programmé
Chantal Joubert -
Evancarreaujoho -

4 réponses
Erreur de lecture sur iptv smarters
Bogs -
bazfile -

1 réponse
Erreur vidéo inconnue sur le Freebox Player
mouhaaV2.0 -
moi -

61 réponses