Control Javascript > CSS through Flash

Posted by Jason b. on Stack Overflow See other posts from Stack Overflow or by Jason b.
Published on 2010-04-19T07:09:35Z Indexed on 2010/04/19 7:13 UTC
Read the original article Hit count: 231

Filed under:
|
|

Hi All,

Ideal situation/setup: A page containing 1 Flash movie and a separate div containing a few hyperlinks. These hyperlinks each have a unique class name like so: Copy 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>

The Flash movie itself will contain 4 buttons. Clicking on one of these buttons should make the Flash communicate with Jquery/JS and tell it to highlight the specific classname.

Ideas so far

For the javascript, it would look like

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

And in specific keyframes within 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");

The problem is that it is not really working well and i am not sure if i am making Flash communicate with JS properly.

Any ideas or hints to steer me in the right direction again? Thank you in advance

J.

© Stack Overflow or respective owner

Related posts about flash

Related posts about JavaScript