Bonjour,

J'aurais besoin d'un petit coup de main en javascript, je ne trouve pas de tuto pour continuer mon codage. Soit le script javascript suivant :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">var i=false;
function montre() {
  if(i==false) {
  document.getElementById("curseur").style.visibility="visible";
  i=true;
  }
  else{
  document.getElementById("curseur").style.visibility="hidden";
  i=false;
  }
}
</script>
Et soit le code html suivant :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<span onclick="javascript:montre();" style="cursor:pointer;">Ouvrir les outils</span>
 
<div id="curseur" class="infobulle_options">outils...</div>
Ce code sert donc à afficher et à masquer la div "curseur" lorsqu'on clique sur "Ouvrir mes outils".

Je cherche en fait à améliorer ce script. Pour l'instant, lorsqu'on a affiché la div, il faut recliquer sur "Ouvrir les outils" pour la masquer. Ce que j'aimerais à présent, c'est que lorsqu'on clique en dehors de la div "curseur", ça la ferme si elle est ouverte. Ce serait ce que j'appelle à ma manière un "OnClickOut" (je sais que ça n'existe pas en js ;-)).

Auriez-vous une solution ?

Merci d'avance