Discussion :

[pinpinsql]

Bonjour à tous,

Petite question, j'ai le bloc HTML suivant :

Code html :

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

1
2
3
4
5
6
7
8
9
<div class="DataViewer-details card"><img alt="" src="#[FIELD('Image')]#" style="width: 120px; height: 120px; text-align:center; margin: 10px 0 10px 0;" class="fr-draggable">
    <h5><a class="title card-titre" id="pop" title="#[FIELD('Service')]#"><strong><span style="font-size: 18px;">SERVICE</span></strong></a></h5>
    <h4>
        <div class="bouton" id="wkf" style="display:bloc=k;"><a modaltitle="" pagepopup="61024f9b06f02"><button style="font-size:14px;border-radius:0px;">demander</button></a></div>
        <div class="bouton" id="wkf0" style="display:none;"><a modaltitle="" pagepopup="61024f9b06f01"><button style="font-size:14px;border-radius:0px;">demander</button></a></div>
	<div class="dsu" id="restriction" style="display:none;">Champs libre 5</div>	
    </h4>
 
</div>

Ce que je souhaite faire :
si mon champs libre 5 = 'SDAI' alors cache le bouton de l'id "wkf" et affiche le bouton de l'id = "wkf0"

J'ai fait ce premier script

Code :

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

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">      valeur = document.getElementById("restriction").innerText;
 
        if (valeur == "SDAI")
        {
            console.log("VAL : " + valeur);
            document.getElementById("wkf").style.display = "none";
            document.getElementById("wkf0").style.display = "block";
        };
 
    </script>

Çà marche bien sauf si je souhaite faire un affichage par tuile(ou vignette), en effet il trouvera mon ID restriction un fois mais pas plus, ce qui semble logique.

Donc je m'oriente vers une recherche par class, mais la je sèche

Code :

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

1
2
3
4
<script type="text/javascript">
    valeur = document.getElementsByClassName("dsu");
    console.log(valeur);
</script>

Voici mon inspecteur :


Ma question, comment avancer dans chaque collection pour vérifier si mon innertext= "SDAI" et afficher le bouton en conséquence

Merci