Suivi d'un clic sur une animation flash (object / embed) avec jQuery

J'ai fais une bannière dynamique du système qui permet de traiter img bannières, ainsi que des bannières flash fait l'objet/embed. L'ensemble du site fait un usage intensif de jQuery, y compris la manipulation le "clic" des événements.

Ce n'est évidemment pas un problème quand il s'agit de faire le suivi des clics sur l'image elle-même (j'ai suivi le clic sur le parent balise DIV. Cependant, il échoue lors de l'annonce est un SWF, comme je le soupçonnais, il serait.

Est-il un jQuery solution qui me permettrait de capturer d'un clic sur un élément Flash avec le DOM?

OriginalL'auteur David | 2009-11-24

  1. 3

    Si vous avez accès à la source de SWF, vous pouvez utiliser ExternalInterface pour communiquer avec le contenant du code html de la page.

    //inside the flash movie:
stage.addEventListener(MouseEvent.CLICK, onClick);
function onClick(e:MouseEvent):void
{
   ExternalInterface.call("handleFlashClick", [parameters to the method]);
}

//javascript in the containing html page
function handleFlashClick()
{
  //call the jQuery method here.
}
    je n'ai pas accès à la source, c'est une bannière système qui permettrait aux clients de télécharger leurs propres SWF bannières pour le système. Cela dit, serait-il une meilleure idée de lier une "maison" de la bannière qui charge le client bannière SWF comme un film à l'intérieur de lui-même, en donnant mon SWF de contrôle du fichier flash, tout en laissant intacte client SWF fichiers à télécharger??
    Cela sonne comme une bonne idée.
    Merci pour votre aide! 🙂

    OriginalL'auteur Amarghosh

  2. 10

    Je sais que cela a été posté il ya longtemps et déjà répondu, mais je voulais juste ajouter un beaucoup plus facile solution pour les futurs visiteurs du site. Alors que le fichier SWF intégré va avaler l'événement onclick il ne pas avaler de l'événement onmousedown. L'astuce est d'avoir la wmode transparent dans les balises param ainsi que dans la balise embed.

    <div id="layer1" onmousedown="alert('mouse down')"> 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://fpdownload.adobe.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" 
width="799" height="741" id="myMovieName">
<param name="movie" value="_data.swf" /> 
<param name="quality" value="high" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="transparent" />
<embed src="_data.swf" quality=high bgcolor=#FFFFFF width="799" height="741" 
name="myMovieName" type="application/x-shockwave-flash" 
play="true" loop="true" wmode="transparent"
pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</embed>
</object>
</div>

    Vous pouvez utiliser jQuery pour se lier à l'événement mousedown plutôt comme ceci:

    $('#layer1').mousedown(function() {
  alert('mouse down');
});
    de toute façon possible de faire la même chose avec un double-clic ?

    OriginalL'auteur webwires

  3. 2

    J'ai été en mesure de prendre webwires réponse et d'obtenir un objet de travail, cliquez sur l'aide de la suite.

    //Podcast player GA event tracking
var podcast_player = $('object.podcast-player');
if( podcast_player.length > 0 )
{
    podcast_player.live('mousedown',function(){
        _gaq.push(['_trackEvent', 'Podcast', 'Play']);
    });
}

    J'espère que cela aide quelqu'un d'autre, merci webwires.

    OriginalL'auteur Kevin Leary