Bonjour tout le monde,
voila, cela fait un moment que je fais du developpement web, et la je bloque sur un truc stupide, que j'ai pourtant deja fait maintes fois...mais qui la, ne fonctionne pas comme je le veux...mais je crois que mes neurones ont pris la mauvaise direction...donc, je sollicite une petite explication .-)
Prenez par exemple ce cpde :
Le but est tout bete : on passe sur le block jaune, et le bloc dont l'id est 1 s'affiche, affichant par la-meme les 2 blocs imbriques. Si la souris sort de ce bloc 1, il disparait.
Cela fonctionne, jusqu'a un certain point : le bloc 1 contient donc 2 autres blocs, un rouge et un orange. Si la souris passe du rouge au orange, ou inversement, le bloc 1 disparait.
Pourquoi?
Merci
voila, cela fait un moment que je fais du developpement web, et la je bloque sur un truc stupide, que j'ai pourtant deja fait maintes fois...mais qui la, ne fonctionne pas comme je le veux...mais je crois que mes neurones ont pris la mauvaise direction...donc, je sollicite une petite explication .-)
Prenez par exemple ce cpde :
<div id="main" style="position: absolute; top: 20px; left: 50px; height: 20px; width: 100px; background-color: yellow;" onmouseover="document.getElementById('1').style.display='block'">
</div>
<div id="1" style="position: absolute; border: 1pt solid black; top: 40px; left: 100px;display: none;" onmouseout="this.style.display='none'">
<div style=" height: 20px; width: 100px; background-color: red;">grr</div>
<div style=" height: 20px; width: 100px; background-color: orange;">test</div>
</div>
Le but est tout bete : on passe sur le block jaune, et le bloc dont l'id est 1 s'affiche, affichant par la-meme les 2 blocs imbriques. Si la souris sort de ce bloc 1, il disparait.
Cela fonctionne, jusqu'a un certain point : le bloc 1 contient donc 2 autres blocs, un rouge et un orange. Si la souris passe du rouge au orange, ou inversement, le bloc 1 disparait.
Pourquoi?
Merci