Discussion :

[progamer54]

Bonjour

j'ai un léger probleme. J'aimerai qu'une méthode (qui fait un maj dans sur BDD )soit lancée quand la souris de l'utilisateur quitte une zone (div).

Le probleme est que cette zone div contient divers élément :
une table, des boutons radio...

j'ai fais un test comme suit:

Code :

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

1
2
 
<div class="divForm" onmouseout="javascript:alert('majBDD');">

Le problème est que je me retrouve avec la popup a chaque fois que je sort d'un élément présent dans la div et pas SEULEMENT en sortant de la div. Ce qui est très génant car ça n'est pas du tout l'effet recherché.

Auriez vous une idée sur la façon de résoudre le problème car n'étant pas expert js, je suis un peu perdu ?

merci d'avance

[E.Bzz]

Bonjour,
fait une recherche sur cancelBubble et stoppropagation sur ce forum : la question a souvent été posée ...

Sinon : pas de "javascript:" dans le code des évènements

Code :

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

onmouseout="alert('majBDD');"

On ne le précise que quand on mets du JS dans le href d'un <A>

A+

[SpaceFrog]

heu à mon avis c'est l'inverse EBzz ...

Sujet d'ailleurs aussi traite , le coup du setTimeout clearTimeout ...

[E.Bzz]

heu à mon avis c'est l'inverse EBzz ...

Sujet d'ailleurs aussi traite , le coup du setTimeout clearTimeout ...

Au temps pour moi, si c'est le cas
Il me semblait que

a chaque fois que je sort d'un élément présent dans la div et pas SEULEMENT en sortant de la div

correspondait en fait au passage de la div elle-même vers un élément qu'elle contient (ce qui déclenche un mouseout sur la div, généralement non souhaité)

A+

[SpaceFrog]

oui certes mais faire un cancelBubble sur l'objet contenu ne changera pas le problème ...

il faut odentifier la sortie comme etant une sortie définitif vers l'exterieur du div ou une fausse sortir vers un elelmnt child du div.
Ceci peut se faire en modifiant sur le mousover des enfants une variable flag puis en venant ou non arreter un setTimeout qui declenche la focntion de onmouseout du div

[E.Bzz]

Oui, je vois.

Au temps pour moi

, donc ....

A+

[Auteur]

document.all ne fonctionne que sous IE, c'est d'ailleurs une particularité de IE.

[progamer54]

ok merci.
j'ai étais voir.

je fais donc ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<script type='text/javascript'>
 
var Alltags = document.body.all;
 
for (i=0;i<Alltags.length;i++){
	alert('alltag');
    Alltags[i].setAttribute('onmouseout', function(){stopEvent();});
}
 
 
function stopEvent(e)
{
	alert('stopEvent');
	if (!e) var e = window.event;
	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();
}
 
 
</script>

ça marche sous IE mais pas sous FF.
->sous FF je n'ai jamais la popup 'alltag'. Apparement le document.body.all ne fonctionne pas.

Y aurait il une autre syntaxe pour FF?

[SpaceFrog]

Tu étais à priori occupé à partir sur la piste d'Ebzz ...
je te conseille de relire le thread ...