Control Javascript > CSS through Flash
- by Jason b.
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.
