firstchild pas vu au premier click

Version imprimable

bonjour

Sur mon script au premier click le first child n'est pas reconnu, au bout du deuxième click le firstchild est reconnu et mon script qui change les classes fonctionne.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<?php if (!empty($prod->demi())){
    $clas= 'demi-jour-active';
    $ouinon=$prod->demi();
} 
else {
    $clas='demi-jour-inactive'; 
    $ouinon="Demi-journée ?";
}
?>
<div class="col-sm-12 dj <?php echo $clas ?>" id="dj[]" name="demi[]">
<input type="hidden" name="demi[]" value="non"><?php echo $ouinon?>
</div>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
    var check=document.getElementsByClassName("dj");
    var check2=document.getElementsByClassName("dj2");
var i=0;
 for(i=0;i<(list.length);i++){
check[i].addEventListener('mouseover', function(){ 
            this.style.cursor = "pointer";
        });
        check[i].addEventListener('click', function(){
            if(this.firstChild.value=="non" ) {
                this.className=" col-sm-12 dj demi-jour-active "
                this.innerHTML = '<input type="hidden" name="demi[]" value="oui">Demi journée';
            }else{
                this.firstChild.value= "non";
                this.className=" col-sm-12 dj demi-jour-inactive "
                this.innerHTML = '<input type="hidden" name="demi[]" value="non">Demi journée ?';
            }
        });
}

09/02/2016, 22h02
Lakhdr
pas sur d'avoir compris ta question !

Mais essaye de mettre ton script dans window.onload
Code:

1 2 3 4 5 6 window.addEventListener("load" function(){ //ton script })
10/02/2016, 11h02
danielhagnoul

firstchild retourne le premier NODE.

La première fois c'est un NODE TEXT (à cause d'un espace entre DIV et INPUT), ce node est vide, il n'a pas de valeur ("undefined").

Il faut écrire sans espace pour que cela fonctionne la première fois : <div class="col-sm-12 dj <?php echo $clas ?>" id="dj[]" name="demi[]"><input type="hidden" name="demi[]" value="non"><?php echo $ouinon?></div>.
15/02/2016, 20h29
rvm31

ok danielhagnoul c'était effectivement un problème d'espace, merci