Masquer div via javascript
Résolu
rudak
Messages postés
590
Date d'inscription
Statut
Membre
Dernière intervention
-
rudak Messages postés 590 Date d'inscription Statut Membre Dernière intervention -
rudak Messages postés 590 Date d'inscription Statut Membre Dernière intervention -
Bonjour, je souhaite cacher une div via javascript, rien de bien compliqué.
mais je voudrai qu'elle soit cachée des louverture de ma page et vu que ma fonction se trouve au début elle ne trouve pas la div (qui n'est pas encore chargée au moment ou est lu le code javascript)
pour parer a ca j'appelle ma fonction javascript en bas de page quand tout est chargé
mais jme dit qu'il doit y avoir plus conventionel comme méthode ? :)
merci
mais je voudrai qu'elle soit cachée des louverture de ma page et vu que ma fonction se trouve au début elle ne trouve pas la div (qui n'est pas encore chargée au moment ou est lu le code javascript)
pour parer a ca j'appelle ma fonction javascript en bas de page quand tout est chargé
mais jme dit qu'il doit y avoir plus conventionel comme méthode ? :)
merci
A voir également:
- Masquer div via javascript
- Masquer conversation whatsapp - Guide
- Comment masquer les amis sur facebook - Guide
- Comment appeler en masquer - Guide
- Telecharger javascript - Télécharger - Langages
- Via michelin carte - Télécharger - Transports & Cartes
9 réponses
oui j'avai déja essayé mais quand je fait ca, ma fonction n'arrive plus a rendre ma div visible ...
voila mon le code que j'utilise dans ma fonction
voila mon le code que j'utilise dans ma fonction
document.getElementById("uplavatar").style.display="";
document.getElementById("uplavatar").style.visibility = "visible";
document.getElementById("uplavatar").style.visibility = "visible";
C'est ça qu'il faut écrire:
document.getElementById("uplavatar").style.display = "block";
C'est ça qu'il faut écrire:
document.getElementById("uplavatar").style.display = "block";
on m'a précédement conseillé de cacher comme ca :
document.getElementById("uplavatar").style.display="none";
document.getElementById("uplavatar").style.visibility = "hidden";
et de rendre visible comme ca :
document.getElementById("uplavatar").style.display = "";
document.getElementById("uplavatar").style.visibility = "visible";
et cela fonctionne tres bien sur des div qui n'ont pas d'attribut style=display:none
d'ailleurs ca fonctionne pas si je le fait a ta facon...
document.getElementById("uplavatar").style.display = "block";
document.getElementById("uplavatar").style.display="none";
document.getElementById("uplavatar").style.visibility = "hidden";
et de rendre visible comme ca :
document.getElementById("uplavatar").style.display = "";
document.getElementById("uplavatar").style.visibility = "visible";
et cela fonctionne tres bien sur des div qui n'ont pas d'attribut style=display:none
d'ailleurs ca fonctionne pas si je le fait a ta facon...
document.getElementById("uplavatar").style.display = "block";
Normal, tu as : document.getElementById("uplavatar").style.visibility = "visible"; tu dois donc le rendre visible là aussi.
Pour ma part, je n'ait jamais utilisé ce CSS (visibility) sur un div mais c'est surement une affaire de gouts.
Pour ma part, je n'ait jamais utilisé ce CSS (visibility) sur un div mais c'est surement une affaire de gouts.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
jai suprimé mon code et essayé avec le tien donc plus de hidden ni visibility mais ca ne fonctione pas
if(caseavat.checked == true)
{
document.getElementById("uplavatar").style.display = "block";
}
if(caseavat.checked == false)
{
document.getElementById("uplavatar").style.display = "none";
}
voila le code qui ne fonctione pas...
{
document.getElementById("uplavatar").style.display = "block";
}
if(caseavat.checked == false)
{
document.getElementById("uplavatar").style.display = "none";
}
voila le code qui ne fonctione pas...
Voici le code du div (HTML)
<div id=''uplavatar" style="display:none;">Le contenu ici</div>
A ce moment là, elle est cachée dès son ajout dans la page. Pour que la suite du code fonctionne, il faut que ce qui est souligné soit écris... pas dans un fichier css.
Pour l'afficher tu utilises (dans une fonction ou un lien):
document.getElementById('uplavatar').style.display = 'block';
ça fonctionne très bien sur mes sites.
<div id=''uplavatar" style="display:none;">Le contenu ici</div>
A ce moment là, elle est cachée dès son ajout dans la page. Pour que la suite du code fonctionne, il faut que ce qui est souligné soit écris... pas dans un fichier css.
Pour l'afficher tu utilises (dans une fonction ou un lien):
document.getElementById('uplavatar').style.display = 'block';
ça fonctionne très bien sur mes sites.