Actionscript-Javascript Interaction

http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_15683&sliceId=1#exampleas2

if this can work

http://thinkerbug.com/teststuff/a-ExternalInterfaceExample.html

then you can do it!!!

http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_15683&sliceId=1#exampleas2

FUCKIN DO ITTT!!!!!!!!!!!!!!!

SENDING URL TO AS (WORKS IN FF)

JS

this worked in both FF and IE

// get flash movie object
function getFlashMovie(australia) {
var isIE = navigator.appName.indexOf("Microsoft") != -1;
        return (isIE) ? window[australia] : document[australia];
}

function sendAUtoFlash() {
var e = (document.getElementById('AU'));
var AUhttp = e.href;
getFlashMovie("australia").sendAUtoFlash(AUhttp);
}

this worked only in FF... FUCKING IE SON OF A BITCH!!!!!!!!!!!!!!!!!!

// get flash movie object
function getFlashMovie(australia) {
var isIE = navigator.appName.indexOf("Microsoft") != -1;
        return (isIE) ? window[australia] : document[australia];
}

function sendAUtoFlash() {
var AUhttp = document.links["AU"].href;
//alert(AUhttp);
getFlashMovie("australia").sendAUtoFlash(AUhttp);
}
// window.onload = sendAUtoFlash;

AS

AU.onRollOver  = function()  {
	countryName(true, "Australia", this);
	countryOver("AU");
	countryOverHTML("AU");
		this.onRollOut = function() {
		countryName(false);
		countryOut("AU")
		countryOutHTML("AU");
		receiver.text="bye";
	};
	getURL("javascript:sendAUtoFlash();");
	this.onRelease = function() {
	receiver.text=_root.MyAUhttp;
	var loadAU = "BUMS";
	getURL(MyAUhttp,  "_parent");
};
}; 

SENDING URL AS VARIABLE FROM JS TO AS (WORKING!!!!!!)

JS

// get flash movie object
function getFlashMovie(australia) {
var isIE = navigator.appName.indexOf("Microsoft") != -1;
        return (isIE) ? window[australia] : document[australia];
}

function sendAUtoFlash() {
var AUhttp = document.links["AU"].href;
alert(AUhttp);
getFlashMovie("australia").sendAUtoFlash(AUhttp);
}
window.onload = sendAUtoFlash;

AS2

import flash.external.ExternalInterface;

function getAUfromJavascript(AUhttp):Void{
receiver.text = "received: " + AUhttp;
}
ExternalInterface.addCallback("sendAUtoFlash", this, getAUfromJavascript);

MAKING FLASH LINK AND JAVASCRIPT LINK LIGHT EACH OTHER UP

I needed to make a html file with embedded flash that had the javascript on the html page triggering events in the flash and vice versa. This is an example of the final solution which was used after some coding help from a colleague in cleaning up the terrible mess I made.... (it was cut down from 1100 lines to about 400 lines)

HTML & CSS

<a id="BM" href="bermuda.html" onMouseover="asMouseOver(this.id)" onMouseout="asMouseOut(this.id)">Bermuda</A>

i also defined the class flashOver in the CSS as it would be inserted in using the javascript only when the links were moused over. jQuery could be used to create this effect as well...

Actionscript

import flash.external.ExternalInterface;

// COLOURWANG! -- using prototype to define the clearRGB function for the mouseOut

Color.prototype.clearRGB = function(){
     this.setTransform({ra:100, rb:0,ga:100,gb:0,ba:100,bb:0,aa:100,ab:0});
}

// FUNCTIONWANG! -- defines the mouseovers and mouseouts colour changes

function countryOver(id) {
	var newColor = new Color(eval(id));
	newColor.setRGB(0x2A87AC);
}
function countryOut(id) {
	var newColor = new Color(eval(id));
	newColor.clearRGB();
}
function countryOverHTML(id){
	ExternalInterface.call("countryMouseOver",id);
}
function countryOutHTML(id){
	ExternalInterface.call("countryMouseOut",id);
}

// COUNTRYFUNCTIONWANG! -- defines the rollovrs and rollouts for 
// the mouseovers and mouseouts hover captions functions (for each specific movieclip)

BM.onRollOver  = function()  {
	countryName(true, "Bermuda", this);
	countryOver("BM");
	countryOverHTML("BM");
	this.onRollOut = function() {
		countryName(false);
		countryOut("BM")
		countryOutHTML("BM");
	};
}; 

// WORDWANG! -- defines the hover caption function

countryName =  function (showCaption, captionText, bName)  {
if (showCaption) {
	_root.createEmptyMovieClip("hoverCaption", this.getNextHighestDepth());
	cap.desc.text = captionText;
	cap._width = 8*cap.desc.text.length;
	cap._alpha = 75;
	hoverCaption.onEnterFrame = function() {
		cap._x = _root._xmouse;
		if ((cap._x-(cap._width/2))<0) {
			cap._x = cap._width/2;
		}else if((cap._x + (cap._width/2))>330){
			cap._x = 330 - (cap._width/2);
		}else{
		}
		cap._y = _root._ymouse-15;
		cap._visible = true;
	};
} else {
	delete hoverCaption.onEnterFrame;
	cap._visible = false;
}
};

// EXTERNALINTERFACEWANG! -- externalinterface callback that 
// allows Actionscript to access the Javascript functions 
// (by declaring them in advance)

var method1:Function = countryOver;
var method2:Function = countryOut;
var instance:Object = null;
ExternalInterface.addCallback("textMouseOver", instance, method1);
ExternalInterface.addCallback("textMouseOut", instance, method2);

Javascript

// get flash movie object

function getFlashMovie(nameofflashfile) {
var isIE = navigator.appName.indexOf("Microsoft") != -1;
        return (isIE) ? window[nameofflashfile] : document[nameofflashfile];
}

// html link lights up the flash country

function asMouseOver(id){
  try{
    getFlashMovie("nameofflashfile").textMouseOver(id);
  }catch(e){
  
  }
}
function asMouseOut(id){
  try{
    getFlashMovie("nameofflashfile").textMouseOut(id);
  }catch(e){
  
  }
}

// flash country lights up html link

function countryMouseOver(id){
	addClass(document.getElementById(id),'flashOver');
}

function countryMouseOut(id){
	removeClass(document.getElementById(id),'flashOver');
}

function addClass(element, value) {
	if (!element.className) {
		element.className = value;
	} else {
		var newClassName = element.className;
		newClassName += " ";
		newClassName += value;
		element.className = newClassName;
	}
}

function removeClass(element, value){
	element.className = element.className.replace(eval('/'+value+'/'),'');
}

Troubleshooting

BECAUSE I HAVE BEEN GOING MAD REPLICATING THIS SCRIPT FOR OVER A THOUSAND MOVIECLIPS...

• check if the INSTANCE NAME of the movieclip has been defined in flash
• if you saved the js or css seperately make sure you insert them in!!!!
• when you embed the flash file (however the hell you do it, make sure you define the ID and NAME in both OBJECT and EMBED, for good measure)

Links

http://blog.deconcept.com/swfobject/forum/discussion/928/movie-not-loaded-in-ie/