Masquer div via javascript

Résolu/Fermé
rudak Messages postés 590 Date d'inscription samedi 7 juin 2008 Statut Membre Dernière intervention 4 juin 2011 - 11 janv. 2010 à 16:07
rudak Messages postés 590 Date d'inscription samedi 7 juin 2008 Statut Membre Dernière intervention 4 juin 2011 - 11 janv. 2010 à 16:55
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
A voir également:

9 réponses

Réponse 1 / 9
rudak Messages postés 590 Date d'inscription samedi 7 juin 2008 Statut Membre Dernière intervention 4 juin 2011 46
11 janv. 2010 à 16:18
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 

document.getElementById("uplavatar").style.display="";
document.getElementById("uplavatar").style.visibility = "visible";
0
Réponse 2 / 9
Ozimandias Messages postés 505 Date d'inscription jeudi 14 mai 2009 Statut Membre Dernière intervention 10 mars 2010 46
11 janv. 2010 à 16:30
document.getElementById("uplavatar").style.visibility = "visible";

C'est ça qu'il faut écrire:

document.getElementById("uplavatar").style.display = "block";
0
Réponse 3 / 9
rudak Messages postés 590 Date d'inscription samedi 7 juin 2008 Statut Membre Dernière intervention 4 juin 2011 46
11 janv. 2010 à 16:41
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";
0
Réponse 4 / 9
Ozimandias Messages postés 505 Date d'inscription jeudi 14 mai 2009 Statut Membre Dernière intervention 10 mars 2010 46
11 janv. 2010 à 16:45
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.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 9
rudak Messages postés 590 Date d'inscription samedi 7 juin 2008 Statut Membre Dernière intervention 4 juin 2011 46
11 janv. 2010 à 16:49
jai suprimé mon code et essayé avec le tien donc plus de hidden ni visibility mais ca ne fonctione pas
0
Réponse 6 / 9
rudak Messages postés 590 Date d'inscription samedi 7 juin 2008 Statut Membre Dernière intervention 4 juin 2011 46
11 janv. 2010 à 16:52
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...
0
Réponse 7 / 9
Ozimandias Messages postés 505 Date d'inscription jeudi 14 mai 2009 Statut Membre Dernière intervention 10 mars 2010 46
11 janv. 2010 à 16:55
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.
0
Réponse 8 / 9
rudak Messages postés 590 Date d'inscription samedi 7 juin 2008 Statut Membre Dernière intervention 4 juin 2011 46
11 janv. 2010 à 16:55
autant pour moi ca fonctionne tres bien cétait une erreur de ma part j'avais pas mis le style:display=none sur la div mais dans son contenu donc forcément...
merci a toi :)
0
Réponse 9 / 9
Ozimandias Messages postés 505 Date d'inscription jeudi 14 mai 2009 Statut Membre Dernière intervention 10 mars 2010 46
11 janv. 2010 à 16:12
Oui, tu met le style display:none; à ta div et elle sera cachée dès son intégration dans la page.
-1

Discussions similaires

Story bloque
Juanito -
xBapt -

Bonjour,
J aimerais conaitre une astuce technique pour defenir qui nous cahe sa story. Qui tous simplement a pas envie qu on voit sa story. Cela ne veux pas dire qu on est supprimer ou bloquer entierement just la story . Merci


Configuration: Android / Chrome 51.0.2704.106

1 réponse
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

Bonjour,

je cherche une fonction javascript qui permettrait d'arrondir un nombre à deux chiffres après la virgule (un peu comme number_format du php), car la fonction round() ne permet d'arrondir qu'à l'unité!

Merci
Ciao

JérémyConfiguration: Windows Vista
Firefox 2.0.0.14

12 réponses
message "impossible d'envoyer le message via free erreur 0"
TATA -
Pierr10 -

Bonjour, J'ai un Samsung A52S J'en suis très contente sauf que depuis qq temps j'ai au moins minimum une fois par jour un pb pour envoyer les sms et j'ai ce message qui revient sans cesse meme si j'appuie sur "renvoyer" le message suivant s'affiche : impossible d'envoyer le message via free erreur 0 À ce moment là j'ai bien la connexion en 5 ou 4 G et je suis donc à chaque fois obligée de redémarrer mon téléphone pour que ça refonctionne mais c'est énervant et stressant aussi de ne pas être sûre de pouvoir envoyer un sms rapidement ! Y-a-t-il une explication et une solution pour que ce pb ne se reproduise pas car aujourd’hui c'est déjà la 2e fois qu'il me le fait ! Merci

3 réponses
java script error in the main process
ceciel2307 -
Thibaut -

Bonjour

je viens d'acheter un ordi et depuis 2 jours j'ai ce message :



Pouvez vous me dire ce que je dois faire.
Sachant que je me sens pas douée dans l'informatique. En gros merci d'être précis et détaillé dans vos retours.

D'avance merci pour votre aide

3 réponses