Bonjour,

Alors voilà, j'ai réussi à cacher le bouton si le click est effectué, mais je souhaite

faire l'inverse, c'est-à-dire cacher le bouton si le click n'est pas effectué.


Mon code java :

let Zone_Widget = document.getElementById("Zone_Widget");
          
          let mondialvalid = document.getElementById("mondialvalid");
          
          Zone_Widget.addEventListener("click", () => {
            if(getComputedStyle(Zone_Widget).display != "none"){
              mondialvalid.style.display = "none";
            } else {
              mondialvalid.style.display = "block";
            }
          })

-
Edité par lutinjoyeux 17 février 2024 à 16:31:44

Bonjour. Tu te réfères au style donné par le css pour modifier l'attribut, Mais ce style ne change pas.

réfères toi simplement à la propriété, et ça fonctionnera :

if(mondialvalid.style.display != "none")
   mondialvalid.style.display = "none";
else
   mondialvalid.style.display = "block";

PS, le langage de ton code est javascript et non java...

Salut,

Merci

je n'ai mis aucun code css, le bouton n'est quand même plus visible si je clique.

Ton code me donne le même résultat

je souhaite que le bouton ne soit pas visible si l'utilisateur n'a pas cliqué ( sur l'evenement pour choisir son point relais ) .

Du coup quand. J'insère du code ici, c'est bien Jscript ? j'hésitai entre les deux ?

-
Edité par lutinjoyeux 17 février 2024 à 18:32:38

« je n'ai mis aucun code css »

D'accord, mais tu y fais référence ...

« Ton code me donne le même résultat »

Tu peux montrer ce code dans son intégralité vu que je ne t'ai présenté qu'un fragment ?

« Du coup quand. J'insère du code ici, c'est bien Jscript ? »

Oui, c'est bien ça.

Encore merci, IL suffisai de mettre un display coté css

et changer un peu  le js

Zone_Widget.addEventListener("click", () => {
            if(getComputedStyle(Zone_Widget).display == "none"){
              mondialvalid.style.display = "none";
            } else {
              mondialvalid.style.display = "inline-block";
            }
          })

-
Edité par lutinjoyeux 17 février 2024 à 20:07:58