Discussion :

[yann18]

Bonsoir,

J'essaye d'afficher du contenu flash interactif dans une pop-up matérialisée par le Plugin JQuey FancyBox. Souci : dès que je clique sur un des boutons de l'animation flash, la fenêtre se referme immédiatement. Comment puis-je corriger cela ? Le code actuel:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(document).ready(function() {
 $("a#inline").fancybox({'frameWidth': 650, 'frameHeight': 550, 'zoomSpeedIn': 300, 'zoomSpeedOut': 300});
 });
...
<a id="inline" href="#flash"><img src="frontierEtudThumb.png" alt="" ... /></a>
<div id="flash" style="display:none">
 <div id="flashcontent">
	Vous n'avez pas ou vous ne disposez pas de la dernière version de flashPlayer pour pouvoir lire l'application. Vous pouvez l'installer directement à partir de cette <a href="http://get.adobe.com/fr/flashplayer">adresse</a>.</div>
	<script type="text/javascript">
	 var so = new SWFObject("frontiereEtude.swf", "flash", 650, 550, 9, "#FFFFFF"); 
	 so.addParam("quality", "high");
	 so.addParam("wmode", "opaque");
	 so.write("flashcontent");
	</script>
</div>

merci,

[gael]

c'est bien ca que tu utilises: http://fancybox.net/example ?

ca a à voir avec le fait que quand tu cliques en dehors de la fancy box, elle se ferme, et un clic sur le flash doit être percu comme en dehors de ta fenetre, il faut donc empecher la propagation de l'évennement quand on clique sur le flash:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="flash" onclick="stop(event);">

puis dans ta page, tu ajoutes la fonction stop:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
function stop(event){
if (event.stopPropagation) { //gestion de la propagation pour firefox et autres navigateurs normaux
  event.stopPropagation(); 
} 
event.cancelBubble = true; // spécial IE 
}

[yann18]

Bonjour,

Merci pour la réponse. Mais curieusement, ton code fonctionne bien pour IE, mais pas sous Firefox... Toutefois, je suis bien idiot, car l'auteur du plugin a implémenté un paramètre qui gère apparemment cette propagation. Ce qui revient à écrire:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("a#inline").fancybox({'hideOnContentClick': false,...});

[gael]

oui c'est surement mieux d'utiliser ça!
pour moi pas de pb avec firefox, la seule différence est que je n'ai pas utilisé swfobject pour générer mon flash.

[yann18]

Et tu utilises quoi pour afficher tes swf ?

[gael]

<object type='application/x-shockwave-flash' data='player.swf' width='368' height='288'>
<param name='movie' value='player.swf' />
<param name='wmode' value='transparent' />
</object>