JAVASCRIPT running flash button

[ayusuits]

Hi! I think im almost there. Please help me out. I need to complete a script to trigger a click event using keyboard shortcuts:

*myListener is the name of my button

<script>
        function searchKeyPress(e)
        {
                if (e.keyCode == 113)
                {
                        document.getElementById('myListener').click();
                }
        }
        </script>

or

<script language=javascript type="text/javascript" >
function ClickMe() {document.getElementById("myListener").click();}
</script>

How would javascript determine that this Id name, myListener, is inside a flash file?

[gparis]

I don't see what your JS function is supposed to do. Also, the element and its ID need to be in the DOM, like a div for instance; certainly not a button instance name inside an embeded swf. A JS function, like AS, can accept parameters, though. So if you need to pass a variable value, insert it in your JS.

if you HAVE to use javascript, use ExternalInterface.call to call the JS from flash.

If not, this will suffice in Flash alone. Use a dyn txtfield with instance name keynum. Since you'll need to test the swf in standalone. The Function keys in authoring or test mode being reserved :

PHP Code:

var myListener:Object = new Object();
myListener.onKeyDown = function () {
    if (Key.getCode() == 113) {
        keynum.text = "F2 pressed";
    }
}
myListener.onKeyUp = function () {
    keynum.text = "F2 released";
}
Key.addListener(myListener);


gparis

[ayusuits]

this will be inside flash right?

What I want to do is allow javascript to trigger the flash button. I have a quiz like flash file but the textbox and questions are separated. They are in javascript. Then I have a Clue button in flash which will operate this:

getURL("javascript:command('clue',1)","_self");

and the Clue button should have a keyboard shortvut F2.

So if the client is typing in the textbox (focus is in html), he/she wont be able to press F2 and operate the flash button function. He/she needs to click on the swf interface first before he could press F2.

The problem is not all clients know it. So we have to do something that even if the focus is in html, and the client presses F2, he/she would still be able to operate the Clue button.

[gparis]

PHP Code:

import flash.external.ExternalInterface;
ExternalInterface.call("focus");


will set the focus to the Flash

Check the ExternalInterface Class in the liveDocs (link in my footer) for all communications between JS and Actionscript.

Your first post was unclear to me. My 1st answer was on how to trigger something in Flash when a key is pressed. Obviously not what you need right now.

gparis

[ayusuits]

yes, thank you. Is this externalinterface has something to do with AS3? bec i started creating the website in AS2..

[ayusuits]

anyone who could help me? Bec. I dont really have an idea how to start. Is it possible?


and can someone tell me what is the meaning of this.addEventListener(KeyboardEvent.KEY_UP,keyPres sed); in this code:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init();">
<mx:Script>
<![CDATA[
private function init():void {
i.setFocus();
this.addEventListener(KeyboardEvent.KEY_UP,keyPres sed);
}

private function keyPressed(event:KeyboardEvent):void {
if(event.keyCode.toString()=="84" && event.ctrlKey==true)
ExternalInterface.call('newtab');
}

]]>
</mx:Script>
<mx:TextInput x="23" y="268" width="256" id="i" text="Text Box"/>
</mx:Application>

<script type="text/javascript">
function newtab(e){
document.body.focus();
window.open('about:blank');
}
</script>

Or is it possible to setfocus on both flash file and html?

I mean, F1, F2, F3 when clicked will set focus on flash and run Key.getCode() == 113 from flash
but letters and arrow keys will function in textbox (html)..

[gparis]

Or is it possible to setfocus on both flash file and html?

I mean, F1, F2, F3 when clicked will set focus on flash and run Key.getCode() == 113 from flash

I gave you both codes. Put the EI code in your onKeyDown.

gparis

[ayusuits]

import flash.external.ExternalInterface;
ExternalInterface.call("focus");

myListener = new Object();
myListener.onKeyDown = function() {

if (Key.getCode() == 113) {
getURL("javascript:command('listen',2)","_self");
}
};
Key.addListener(myListener);

is there something wrong with the actionscript? coz if I am typing in html textbox and I press F2, still, the clue button is not functioning.

[gparis]

getURL("javascript:command('listen',2)","_self");
Nope. getURL won't work.


ExternalInterface.call("listen(2)");

as long as you have a JS function called listen which takes a number, like 2, as parameter.

gparis

[ayusuits]

so I changed it to:

import flash.external.ExternalInterface;
ExternalInterface.call("listen(2)");

myListener = new Object();
myListener.onKeyDown = function() {

if (Key.getCode() == 113) {
getURL("javascript:command('listen',2)","_self");
}
};
Key.addListener(myListener);

and then javascript will just have to call ExternalInterface.call("listen(2)");
to run the same script with the flash button?
Is my understanding correct?

[gparis]

no. replace the getURL.

gparis

[ayusuits]

but the geturl calls the javascript.. that is the function of the button.

[gparis]

That's what ExternalInterface does. Calling JS.

gparis

[ayusuits]

ah i got it. it's the other way to call javascript. thanks!

[ayusuits]

did I miss something?

PHP Code:

import flash.external.*;

var methodName:String = "sendTextFromHtml";
var instance:Object = null;
var method:Function = receiveTextFromHtml;
var wasSuccessful:Boolean = ExternalInterface.addCallback(methodName, instance, method)

function receiveTextFromHtml(key) {
    if (key.text == F2) {
    ExternalInterface.call("listen(2)","_self");
    }
    else if (key.text == Enter) {
    ExternalInterface.call("check(1)","_self");
    }
};

ExternalInterface.call("receiveTextFromFlash", myListener);


The programmer will give a shortcut key to the text Enter, F2, F3, etc..

myListener is the instance name of the flash button

[gparis]

post your javascripts, the functions listen and check, cause i have no idea what you're trying to make happen just by looking at your AS.

And the _self param is ok with getURL but has no place in a JS call.

gparis

[ayusuits]

nevermind. i already got it. thanks gparis

[ayusuits]

Hi! Ive this from gparis, but unfortunately, the programmer said, the code is not working/running

I have this, originally:

getURL("javascript:command('clue',1)","_self");

gparis taught me this:

ExternalInterface.call("clue(1)");

So should I change it to:

ExternalInterface.call("command(clue, 1)");


and how do I convert this: getURL("javascript:loadHistory(+1)","_self");


Help me please... thanks!

[gparis]

if js function clue has a parameter, and 1 is supposed to be it, the call is different:
("clue", "1") use commas to separate the functions and its params

Main difference in the call syntax would be:
getURL("javascript:function")
ExternalInterface.call('function')

now, i really think that you should read the documentation.

gparis

[ayusuits]

I dont know how the programmer was doing it. I tried

ExternalInterface.call('command', listen);

it didnt work.



Ah this one works:

ExternalInterface.call("command('listen')");

Thanks~