Discussion :

[rvm31]

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 ?';
            }
        });
}

[Lakhdr]

pas sur d'avoir compris ta question !

Mais essaye de mettre ton script dans window.onload

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
window.addEventListener("load" function(){
 
//ton script 
 
 
})

[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>.

[rvm31]

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