Discussion :

[Ben1987]

Bonjour à tous,

Je débute en Ajax (et en web en général), j'uitlise asp.net.

Je désire afficher/masquer un élément accordion suivant le passage de la souris.
j'ai mis mon élément dans la div suivante qui utilise la fonction setvisibility donnée :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<div id = "dashed_div"  runat="server" onmouseover="setvisibility(true)" onmouseout="setvisibility(false)">
 
function setvisibility(param)
    {
      if (param == true)
      {
      document.getElementById("dashed_div").style.visibility = 'hidden';
      }
      else /*(param == false)*/
      {
      document.getElementById("dashed_div").style.visibility = 'visible';
      }
     }

Ca fonctionne dans le sens où j'ai bien mon accordion qui apparait/disparait, seulement ces évênements intervienent un peu n'importe quand (dès que la souris bouge dans le cadre (ou en dehors) le cadre apparait ou disparait, etc)

Ce que je voudrais c'est :
- si la souris est dans le cadre (l'accordion), celui-ci disparait
- et inversement, hors du cadre il apparait.
(Un rollover avec une div en fait)

Est-ce que je m'y prends mal avec l'idée de la div ? Y'a-t-il plus simple ?
Quelqu'un pourrait m'éclairer ?

[E.Bzz]

Bonjour,

Y'a-t-il plus simple ?

déjà, en le faisant tourner sur le client au lieu du serveur, les réactions seraient plus prévisibles (me méfie des JS qui tournent "sur le serveur" )
Bref : essaye d'enlever le

Code :

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

runat="server"

de ton div afin d'avoir un vrai comprortement client ...

A+

[Ben1987]

J'avais déja essayé malheuresement.

Je l'enlève définitivement mais cela ne fonctionne toujours pas..

[E.Bzz]

Si ça :

Ce que je voudrais c'est :
- si la souris est dans le cadre (l'accordion), celui-ci disparait
- et inversement, hors du cadre il apparait.

ne fonctionne pas mieux, c'est que tu dois avoir des conflits d'évènements avec les éléments parents de ton div ...

Par contre, pour être sûr des symptômes : tu as bien conscience qu'en faisant disparaitre ton <div> sur onmouseover, tu déclanches alors le onmouseout qui le fait ... réapparaitre ?
N'est-ce pas uniquement ça, le pb ?

A+

[Ben1987]

tu as bien conscience qu'en faisant disparaitre ton <div> sur onmouseover, tu déclanches alors le onmouseout qui le fait ... réapparaitre ?
N'est-ce pas uniquement ça, le pb ?

Hum, c'est sans doute cela en effet, pourtant si mon curseur reste immobile dans mon div, l'accordion reste invisible.
Je vais travailler sur ce que tes indications pour voir comment résoudre cela.

Merci.