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 php : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 ?';
            }
        });
}