Discussion :

[Emotion]

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

[SpaceFrog]

onblur ?

[Emotion]

Je ne connais pas... A quoi sert-il ?

[arkandias]

onBlur se déclenche lorsque tu perds le focus d'un élément... le contraire de onFocus en gros...

Code :

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

<span onClick="javascript:montre();" onBlur="javascript:montre();" style="cursor:pointer;">Ouvrir les outils</span>

Après je sais pas si ca marche sur un span...

[Causa Sui]

Après je sais pas si ca marche sur un span...

Apparament non, ni dans les évennement classiques ni dans le modèle d'évenement Dom Level2.
Ce qui est logique au fait, dans la mesure ou span est une unité logique où le focus n'a pas de pertinence (puisque le plus souvent il s'agit du focus clavier)...
Par contre, grace au moyen de propagation des évenements de l'API du DOM niveau 2 ça doit être possible... mais de la à dire comment...

[SpaceFrog]

mets ton span dans une balise a ?