iframe et �v�nements javascript
Bonjour,
J'ai superpos� 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�:
Code:
1
2
3
4
5
6
7
8
9
| <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 la div "image", j'utilise un iframe qui fait appel � un CGI. Ce dernier affiche une image:
Code:
<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. Malgr� l'utilisation du param�tre wmode="transparent", je n'arrive pas � mettre l'image en arri�re plan. 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.
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 de la 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'id image.
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.
