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
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