Contrôle Javascript> CSS à travers Flash

Question

Situation/configuration idéale: Une page contenant 1 animation Flash et une div séparée contenant quelques hyperliens. Ces liens ont un nom de classe unique comme ceci: Copiez le code

<ul> 
    <li><a href="" class="randomname1"></a></li> 
    <li><a href="" class="randomname2"></a></li> 
    <li><a href="" class="randomname3"></a></li> 
    <li><a href="" class="randomname4"></a></li> 
    </ul> 

Le film Flash lui-même contiendra 4 boutons. En cliquant sur l'un de ces boutons, le Flash doit communiquer avec Jquery/JS et lui indiquer de mettre en évidence le nom de classe spécifique.

Idées jusqu'à

Pour le javascript, il ressemblerait

$(function() { 
function setClass(className) {$("."+className).css("background","red");} 
}); 

Et dans les images clés spécifiques dans Flash

1. button 1 
    ExternalInterface.call("setClass","randomname1"); 

    1. button 2 
    ExternalInterface.call("setClass","randomname2"); 

    1. button 3 
    ExternalInterface.call("setClass","randomname3"); 

    1. button 4 
    ExternalInterface.call("setClass","randomname4"); 

Le problème est que ne fonctionne pas vraiment bien et je suis Je ne sais pas si je fais que Flash communique correctement avec JS.

Des idées ou des conseils pour me diriger dans la bonne direction à nouveau? Nous vous remercions à l'avance

J.

Answer 1

La méthode setClass ne sera pas visible au code flash - comme la méthode est encapsulé à l'intérieur de la fermeture $(document).ready()

(Dans le cas où vous vous demandez, votre $(function()... appel est tout simplement un raccourci à $(document).ready(function()...)

Vous besoin de joindre la méthode à l'objet fenêtre ou un autre objet globalement accessible pour le flash pour le voir. Quelque chose comme:

$(function() { 
    window.setClass = function(className) {$("."+className).css("background","red");} 
}); 

qui est l'approche la plus simple.

... ou pour arrêter la pollution de l'espace de noms fenêtre:

$(function() { 
    var ns = window.myNamespace = {}; 
    ns.setClass = function(className) {$("."+className).css("background","red");} 
}); 

.... puis en Flash:

ExternalInterface.call("myNamespace.setClass","randomname1"); 

.... Il est à noter cependant que je ne connais pas assez avec flash pour savoir si le second exemple fonctionnera.

Answer 2

Avez-vous testé pour la disponibilité ExternalInterface avec ExternalInterface.available?