Cacher ma div au lancement de ma page

Résolu

Aaymeric Messages postés 78 Date d'inscription Statut Membre Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention - 2 mars 2015 à 22:47

Bonjour tout le monde,
Je ne m'y connais absolument pas en javascript mais en cherchant un peu j'ai trouver un script qui me permet de cliquer sur un bouton et d'afficher ou masquer une div.
Ce script fonctionne très bien mais je souhaiterais cacher cette div dès le chargement de la page et donc afficher le texte en appuyant sur le bouton. Je suis sûr que c'est 3x rien mais je ne sais pas ce que je dois modifier ...
Voici mon script

function affCache(idDiv) {
var div = document.getElementById(idDiv);
if (div.style.display == "")
div.style.display = "none";
else
div.style.display = "";
}
function affCacheHidden(idDiv) {
var div = document.getElementById(idDiv);
if (div.style.visibility == "")
div.style.visibility = "hidden";
else
div.style.visibility = "";
}
function affCacheV(idDiv)
{
var div = document.getElementById(idDiv);
if (div.style.width == "")
div.style.width = "0";
else
div.style.width = "";
}

A voir également:

Html cacher une div
Editeur html - Télécharger - HTML
Cacher une conversation whatsapp - Guide
Cacher son numéro - Guide
Cacher ses amis sur facebook - Guide
Cacher photo android - Guide

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

Bonjour,

je souhaiterais cacher cette div dès le chargement de la page

Il suffit de mettre le style : display:none directement sur ta div

 <div id="id_de_ta_div" style="display:none">
 
 </div>

et donc, ça sera le code JS suivant que tu pourras utiliser par la suite pour afficher/masquer cette div

function affCache(idDiv) {
var div = document.getElementById(idDiv);
if (div.style.display == ""){
 div.style.display = "none";
}else{
div.style.display = "";
}
}

Cordialement,
Jordane

Aaymeric Messages postés 78 Date d'inscription Statut Membre Dernière intervention

C'était bien tout bête :) Merci ;)

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752 > Aaymeric Messages postés 78 Date d'inscription Statut Membre Dernière intervention

Si la question est résolue..
Merci de ne pas oublier de clôturer le sujet
(en cliquant sur le lien "Marquer comme résolu" qui se trouve sous le titre de la question)

Cordialement,
Jordane

Réponse 2 / 2

Aaymeric Messages postés 78 Date d'inscription Statut Membre Dernière intervention

Et peux tu me dire en css comment faire pour avoir le background de ma div uniforme et sans le bouton et les bordures des cadres plus bas ?

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

là comme ça non...
il faudrait le code source qui génère ton div.
Par contre...là .. il s'agit d'une nouvelle question ... il te faut donc clore ce sujet puis ouvrir une nouvelle discussion... (cela facilite les recherches sur le forum)

Discussions similaires

Votre réponse

Discussions similaires