Discussion :

[alex2019]

Salut tout le monde,

J'essaye de mettre un div en display:none avec javascript:
document.getElementById('divstatutmarital').style.display = "none";.

Code HTML :

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

1
2
3
4
5
6
7
<div class="divformrech" id="divstatutmarital">
<div class="checkboxrecherche"><input name="statutmarital" type="checkbox" value="0"><span>Peu importe</span></div>
<div class="checkboxrecherche"><input name="statutmarital" type="checkbox" value="1"><span>Jamais marié(e)</span></div>
<div class="checkboxrecherche"><input name="statutmarital" type="checkbox" value="2"><span>Divorcé(e)</span></div>
<div class="checkboxrecherche"><input name="statutmarital" type="checkbox" value="3"><span>Séparé(e)</span></div>
<div class="checkboxrecherche"><input name="statutmarital" type="checkbox" value="4"><span>Veuf-veuve</span></div>
</div>

mais ça marche pas.

quelqu'un peut il m'aider ?
merci d'avance.

[danielhagnoul]

Il n'y a pas de raison avec les codes (HTML, JS) que vous montrez, mais qu'y a-t-il dans le code CSS pour la classe "divformrech" ?

[Beginner.]

Salut,

Mais le style inline l’emporte, non ?
Mais peut-être que le code JS est exécutée alors que la div n'est pas encore chargée ???

[alex2019]

salut

merci pour vos réponses.
le code css pour divformrech:

Code CSS :

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

1
2
3
4
5
.divformrech{
	float: right;
	width: 58%;
	display:block;
}

le div est affiché avant le clic sur un lien pour le cacher.

[danielhagnoul]

Je viens de tester vos codes (HTML, CSS, JS) et comme prévu la division se cache bien.

Qu'y a-t-il dans la classe "checkboxrecherche" ?

Vous avez peut-être un autre code JS qui interfère avec le display de cet élément du DOM ?

[alex2019]

Je viens de trouver la raison pour laquelle ça marchait pas

Le lien sur lequel je cliquais était un <a href=""> je l'ai remplacé par un button et ça marche

merci pour votre aide