Iframe et événements javascript (onClick, onMove,...)

Bonjour,

J'aisuperposé deux div. l'un comprenant du texte (ou autre), et l'autre comprenant une image (ou une vidéo). (Je ne rentre pas dans les détails pour ne pas compliquer les choses).

Les div "image" et "texte" sont superposés. Voici le code HTML simplifié:

<div id="canvas" width="640" height="480">
  <div id="texte" width="640" height="480"> 
    <!-- text -->
  </div>
  <div id="image" width="640" height="480">
     <iframe src="/cgi-bin/getImage.cgi">
     </iframe>
  </div>
</div>

On peut voir que dans le div "image", j'utilise un iframe qui fait appel à un CGI. Ce dernier affiche une image:

<img width="640" height="480" id="player" src="/images/Camera 1.png" />

En faite, il faudrait que j'utilise la tag object à la place de iframe, mais j'ai un problème avec IE8: l'image provenant du CGI cache le texte. D'ailleurs si vous avez une solution pour résoude ce problème je suis preneur...

Donc en utilisant iframe je peux voir le texte par dessus l'image. Sauf que, toujours avec IE8, j'ai un problème au niveau des événements javascript, tel que onClick, onMove, etc. Sur les autres navigateurs comme Firefox et Chrome, les événements javascript sont détectés sans problèmes. Or sur IE8 cela ne marche pas.

J'espère trouver une solution ici.

Je vous remercie d'avance pour votre aide.
Modifié par sago_32 (06 Jan 2010 - 19:00)

J'aimerais ajouter une précision. Sachant que j'ai ajouté les événements JavaScript à l'élément div ayant l'id canvas.

Les événements sont capturés si la souris se trouve sur un élément se trouvant sur le div ayant l'id texte. Par contre, pas de détection si la souris se trouve sur l'image, c'est-à-dire sur la div ayant l'idimage.

J'ai l'impression que c'est à cause de l'iframe...

Comment pourrais-je faire ? Aidez-moi s'il-vous-plaît, je suis bloqué la-dessus.

Comment les as tu positionné car tu n'as pas mis le CSS

#Canvas en position relative, #texte et #image en absolute? c'est bien ça?

Pourquoi utiliser un iframe?

tu as 2 blocs, jouer avec les z-index devraient suffire à positionner tes calques dessus ou dessous. (a moins que je n'ai pas bien compris ce que tu demandes
Modifié par chooky (07 Jan 2010 - 21:45)