Pas de transparence d'image selon son endroit loin dans l'arbre DOM

Ralfman68

15 Feb 2009 à 00:51

Hello,

Le but de mon script est d'ajouter un philactère à une image utilisateur. Quand on survole l'image de fond, une bulle de bd suit le curseur de la souris et reste en place si on clique.

Lorsque je déclare l'image de la bulle directement dans body le script fonctionne bien.

Si je déclare la bulle loin dans l'arbre du DOM (dans le div qui contient aussi l'image) j'ai quelques soucis :
- pas de transparence (binaire) sur l'image
- erreur de la console Firefox : document.getElementById("bulle") is null
- malgré ce bug, l'image continue de suivre les coordonnées de la souris.

Comment accéder à ce div "bulle" loin dans l'arbo ?


<body>
<div id="container">
   <div id="container_bis">
      <div id="mainBlock">
         <div id="content">
            <div id="coquille2">
               <div class="blogtext">
                  <div class='blogcontent'>
                     <div class='blogsubtitle'>
                        <div id='bgbulle'>
                           [b]<div id="bulle" style="position: absolute;">
                               <img src="/img/bdpaint/bulle.png" />
                           </div>[/b]
                           <img src="image-de-fond-de-l-utilisateur.jpg" />
                        </div>
                     </div>
                  </div>
               <div>
            </div>
         </div>
      <div>
   </div>
</div>

Est-ce que quelqu'un peut m'aider SVP ?
Modifié par Ralfman68 (15 Feb 2009 - 01:10)

fabien.menager

15 Feb 2009 à 12:23

Normalement, quelle que soit sa profondeur dans l'arbre, la fonction getElementById doit fonctionner. Outre ceci, je trouve que ton arborescence est quand même assez longue! ne pourrait tu pas la raccourcir un peu ? Est ce nécessaire de tant englober avec des DIV ?