Discussion :

[line86]

Bonjour,
Voila j'utilise un script que j'ai trouvé sur ce site(section sources javaScript)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
function affCache(idDiv) {
	var div = document.getElementById(idDiv);
	if (div.style.display == "")
		div.style.display = "none";
	else
		div.style.display = "";
}
<input type="button" onclick="affCache('div1');" value="affCache('div1')"/>
<div id="div1">
</div>

Le problème c'est que j'aurais aimé qu'au chargement de ma page tout soit caché... et qu'on les découvre en cliquant sur le bouton.
J'ai essayé via le css, en mettant display none mais ensuite même en cliquant sur les boutons rien ne s'affiche

J'ai voulu remplacer le onclick par onMouseOver, le problème c'est que j'ai l'impression qu'on ne peut mettre de délai pour l'ouverture... car la c'est trop rapide

Merci a vous

[E.Bzz]

Bonjour,

J'ai essayé via le css, en mettant display none mais ensuite même en cliquant sur les boutons rien ne s'affiche

Il faut remplacer les "" par "block"

Pour le délai :

Code :

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

setTimeout(ta_fonction(), delai_en_ms);

A+

[Auteur]

bonjour,

Le problème c'est que j'aurais aimé qu'au chargement de ma page tout soit caché...

dans ce cas dans la CSS écris display:none pour que tous les éléments soient cachés dès le chargement de la page (cela évitera l'éventuel appel à une fonction qui cachera les éléments les uns après les autres).

[line86]

Merci beaucoup pour vos réponses
Donc j'arrive à "les" cacher au chargement mais il me reste des petits problèmes je suis débutant donc ...

J'ai rajouté dans mon css
#div1 {
display:none;
}
Le problème c'est que je peux avoir un nombre différent de div...
Il n'y a pas comme l'étoile pour lui dire tout ce qui finit par n"importe quoi... lol

Et je n'arrive pas a utiliser

Code :

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

1
2
 
setTimeout(ta_fonction(), delai_en_ms);

Je l'ai testé ainsi mais sans résultat

Code :

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

1
2
3
 
<input type="button" setTimeout(onmouseover="affCache('div1')",1000) value="nom"/>
<input type="button" onmouseover=setTimeout("affCache('div1')",1000) value="nom"/>

Merci beaucoup pour votre aide!!

[E.Bzz]

Le problème c'est que je peux avoir un nombre différent de div...

Dans ce cas, mieux vaut utiliser une class (CSS) que tu affecteras à chacun des div concernés ...

Pour le problème de syntaxe :

Code :

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

<input type="button" onclick="setTimeout(affCache('div1'),1000);" value="affCache('div1')"/>

A+

[Bovino]

Code :

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

<input type="button" onclick="setTimeout(affCache('div1'),1000)" value="Texte_du_bouton" />

[Auteur]

Le problème c'est que je peux avoir un nombre différent de div...

là plusieurs façons de procéder :

1- tu fais une classe :

Code css :

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

1
2
3
4
 
.cacherDiv{
display:none;
}

et pour chacun des div à cacher tu utilises l'attribut class :

Code html :

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

1
2
3
4
5
6
7
<div class="cacherDiv">ce div est caché</div>
 
<div class="cacherDiv">ce div est caché</div>
 
<div>ce div n'est pas caché !!!!</div>
 
<div class="cacherDiv">ce div est caché</div>

tous les div qui appelleront la classe cacherDiv seront cachés.

2- Tu utilises les id des éléments à cacher (comme tu l'as fait ci-dessus pour le #div1)

Code css :

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

1
2
3
#div1, #div2, #div3{
display:none;
}

Mais si tu as 50 div à cacher cela peut être fastidieux

3- Tu appliques la propriété sur tous les div :

Code css :

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

1
2
3
div{
display:none;
}

là c'est radical, tous les div seront cachés mais je ne crois pas que ce soit ce que tu recherches.

Remarque : fais bien attention à la syntaxe dans les 3 cas (présence d'un point devant le nom de la classe, un # si tu utilises l'id, ou le nom de la balise pour que la propriété s'applique à tous les éléments).

[line86]

Merci pour vos réponses !!!
Mais voila le problème, si j'utilise une class lorsque je vais survoler un bouton il risque de tout m'ouvrir car il n'aura plus un id unique... non?
Il me reste la méthode #div1, #div2 .... lol

J'ai essayé les différentes syntaxes pour le setTimeout mais ça ne fonctionne pas
mais comme je le mets dans un print car je suis en php... je me suis peut être trompé...

Code :

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

1
2
 
print("<input type=\"button\" onmouseover=\"setTimeout(affCache('div$i'),1000000)\" value=\"$nomComplet\" />");

Merci encore !!!