onclick fonctionne qu'au deuxième clic

Bonjour,

j'ai trouvé 2 3 trucs sur le net mais pas de bon résultat pour moi. J'ai un onclick qui fonctionne qu'on deuxième clic.

Voici le code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<div class="link_menu" onclick="javascript:cachemontre('menu_left');" > Menu software </div> <div class="menu" id="menu_left"> <ul class="test"> <li class ="test1"> <a href="#">test1</a> </li> <li class ="test2"> <a href="#">test2</a> </li> </ul> </div>

---

Fonction javascript

Code:

---

1 2 3 4 5

function cachemontre(id) { x=document.getElementById(id); if (x.style.display=="none") {x.style.display="block" ; } else {x.style.display="none" ;} }

---

Est ce que quelqu'un à une idée ?
Est ce que ça peut venir du faite que je défini la taille du menu qui s'affiche ?

Et par la même occasion, comment interdire la sélectionne du texte dans la div ?

Merci

Alaninho

le style display n'est pas initialisé au départ ...

Code:

---

1 2 3 4 5 6 7

function cachemontre(id) { x=document.getElementById(id); if(!x.style.display){(x.style.display=="block";} if (x.style.display=="none") {x.style.display="block" ; } else {x.style.display="none" ;} }

---

Merci de ta réponse rapide.

J'ai rajouter la ligne qui me manquait mais là, plus rien ne fonctionne.

Une autre idée ?

Non toujours la même idée ...

Code:

---

1 2 3 4 5 6

function cachemontre(id) { x=document.getElementById(id); if(x.style.display==""){x.style.display="block"}; if (x.style.display=="none") {x.style.display="block" ; } else {x.style.display="none" ;} }

---

Là, ça marche mais toujours qu'au deuxième clique.

ça marche au premier ...
http://jsfiddle.net/h8G3N/

Pas sur ma page, est ce que ça pour être du au css ?

qu'as tu comme css .?..

Voici le liens http://jsfiddle.net/h8G3N/2/

J'ai mis ma css

Désolé de te déranger autant

oui forcément il faut inverser alors

Code:

---

1 2 3 4 5 6

function cachemontre(id) { x=document.getElementById(id); if(x.style.display==""){x.style.display="none"}; if (x.style.display=="none") {x.style.display="block" ; } else {x.style.display="none" ;} }

---

ou encore

Code:

---

1 2 3 4 5

function cachemontre(id) { x=document.getElementById(id); if(x.style.display==""){x.style.display="none"}; x.style.display=(x.style.display=="block")?"none":"block"; }

---

Super, merci.

Est ce que tu as une idée pour que le texte de la div ne soit pas sélectionnable ?

Je suis obligé de faire une image ?

merci encore.

non tu peux le faire en css ou en js ...

en css :

Code:

---

1 2 3 4 5 6

-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;

---

en js

Code:

---

object.onselectstart =function(){return false;}

---

merci pour tes réponses.

A bientôt