Bonjour à tous et merci d'avance pour votre aide.

Mon problème est le suivant :

j'ai un "onMouseOver" qui change le contenu d'un div mais après le changement,
MAIS quand la souris survole le div en question, et rencontre un élément (<p>,<li>, ...)
il exécute le "onMouseOut" qui est destiner à remettre le div avec son contenu initial.

Et donc j'ai un effet instable (clignotant disgracieux)

Merci pour votre aide

Mon code CSS :

#menu_A,#menu_B{float: left ; height:320px; width:224px; background-position:center top; background-repeat:no-repeat; }

Mon code HTML qui affiche le DIV :

<td id="menu_A" background="" width="25%" align="center"><a href="#" onMouseOver="menu_over('menu_A')" onMouseOut="menu_out('menu_A')">TEXTE_A</a></td>
<td id="menu_B" background="" width="25%" align="center"><a href="#" onMouseOver="menu_over('menu_B')" onMouseOut="menu_out('menu_B')">TEXTE_B</a></td>

Mon code HTML qui lance l'action :

<!-- MENU_A-->
<div id="menu_A" onMouseOver="menu_over('menu_A')" onMouseOut="menu_out('menu_A')"> </div>
<!-- MENU_B-->
<div id="menu_B" onMouseOver="menu_over('menu_B')" onMouseOut="menu_out('menu_B')"> </div>

Et enfin le traitement en JS :

function menu_over(info)
{
    // CHANGE DU TEXTE DANS LE DIV
    ...
    ... ici du AJAX pour recup. le nouveau texte qui doit-être mis dans le DIV
    ... avec comme commande final la ligne ci-dessous
    document.getElementById(info).innerHTML  = http.responseText;
}

function menu_out(info)
{
    // REMISE TEXTE ORIGINE DANS LE DIV
    ...
    ... ici du AJAX pour recup. le nouveau texte qui doit-être mis dans le DIV
    ... avec comme commande final la ligne ci-dessous
    document.getElementById(info).innerHTML  = http.responseText;
}

Euhh, de 1, c'est le forum CSS HTML ici, pas js.
De 2 je ne comprend pas vraiment ce que tu racontes.
Sans code, dur d'aider les gens !

Oui j'ai hésiter pour la rubrique car j'utilise CSS et JS
Mes bouts de codes y sont non ?

Il y a simplement le contenu d'un DIV qui change avec du JS (onMouseOver) et un onMouseOut qui replace le contenu original.

Le problème est qu'après l'action onMouseOver lorsque la souris survol le DIV (ayant reçu le nouveau contenu) et rencontre un élément (se trouvant dans le DIV tels que <p>, <li> )... il actionne le onMouseOut

Plus clair là ?

Hum c'est bizarre, on dirait presque que t'as mis un cancelBubble sur le mouseover des éléments a l'intérieur. Et quand bien meme, je crois meme pas que ca soit faisable.
Si tu passe sur un élément qui est a l'intérieur d'un autre, ca déclenche le mouseover des deux a priori, et peut etre que du plus profond avec un cancelBubble mais a a vérifier.

Comme ça je dirais onClick ?

Merci pour l'idée du "onClick" mais il faut que mon DIV change même sans clic, simplement au survol

Quelqu'un a une autre idée pour moi SVP ?

Beuh, onmouseover, sur ton lien & sur le div qui s'affiche.

@ hugotore :

Il y a déjà un onMouseOver sur le DIV.
Mais le problème justement est que le onMouseOver est activé (dès que la souris rencontre un elements contenu dans le DIV <p>, <li>, ...) avant même que la souris quitte le DIV

Ben fais du onClick . C'est vraiment grave ?

Je ne peux pas faire un onClick, car au fait c'est un DIV qui affiche un complément d'informations lorsque la souris passe sur une des rubriques de mon menu.
Avec ton idée, si il est activé avec le onClick, l'utilisateur ne va pas avoir l'occasion de voir le DIV car au clic il serait dirigé vers la rubrique en question

Hum, sinon ca provient peut etre du fait que les éléments ne prennent pas de place dans ton divs.
Quand tu met certains éléments en float parfois, la hauteur du div ne le prend pas en compte.
Donc ca arrive d'etre sur un élément a l'intérieur du div sans être sur le div.
Mais une fois de plus, sans code, on peut pas trop t'aider la...

Je vois.
Fais ça avec du css ! :hover
Si t'es ok je t'aide, sinon je vais pas bosser pour rien .

@ hugotore :

Bien entendu je veux bien ton aide, je te le demande même ;-)

Merci de me le proposer

T'aura un site de support ?

IE ne reconnaît pas les :hover sur autre chose que les liens, si je ne m'abuse.

Il y a une alternative

j'ai eu le même problème que toi.
Ma solution : sur le onMouseOver, tu declanche un setTimeOut qui declanche la fermeture et sur le onMouseOver, tu fait un clearTimeOut si c'est déjà ouvert et tu ouvre si c'était fermé.

Voila voila

C'est bon je l'ai fini ton site.
Sans JS
http://gigatutos.free.fr/myauxc

Alors là j'aurais jamais cru avoir le résultat voulu avec si peu de lignes de codes, sans bug, affichage 100% identique dans les différents navigateurs et sans JS !!!

Tu es un AS Hugotore !!!

Du coup, je vais pousser le bouchon plus loin et te demande une idée pour la suite .. voir MP
hihihi merci ....

Pense à mettre ton sujet en résolu à l'aide du lien en bas de page