DISQUS

Abdul Qabiz · 3 years ago

Subject of this post could be either of these:-
- JavaScript injection through ActionScript
- JavaScript injection through MXML
- Inject JavaScript through MXML or JavaScript
Listing, so that search-engines can index this comment and show this entry..
-abdul

Scotty · 3 years ago

Really cool, I thought I would be the only one to see usefullness in something like this. Though I dont use your version, I have something very similar.
Question though, In my component I had to strip out "\n", "\r", etc.... how did you get around this? navigateToURL decode this stuff for you? ExternalInterface did not.
One other thing to think about, should the script keep track of what it has sent to HTML already? What if a component contains JavaScript and you need two instances of the component? Would that send the script twice? If so, are two sayHello() functions allowed in javascript? Didnt test if thats the case but I have a static array to keep track of all source properties so it only sends it once.

Manish Jethani · 3 years ago

Neat.
About the subject, you'd have a much better chance if you linked to the blog entry with the various subject lines as the anchor text.

Abdul Qabiz · 3 years ago

Manish, remember this is the idea I discussed long. I wanted that compiler folks or FB team do that...
Anyways, hope this idea has some use-cases. I have some in my mind. I would post some examples.
Scotty, I tried using ExternalInterface then I realized I don't need it because it is one way call. And I also faced issues you mentioned.
I have not checked but you can create multiple instances of JavaScript component and inject scripts...It should work, I am just using "eval()" to make it work.
If you try to inject a function, which is already present. New injection would override the things...
-abdul

Scotty · 3 years ago

ah, I didnt know if you specified two of the same functions in javascript it would just override the previous one.
Use cases...
if your component relies on javascript and dont want to have to make sure the calling page contains a special wrapper.
Another being a way to hide your javascript logic, kinda of an encryption method. Im not sure if there are Javascript debuggers that pay attention to eval()'ed calls.

Tim Hoff · 3 years ago

Thanks for the code sample Abdul. I used your class to inject javascript that sets the focus to an swf, instead of modifying the html wrapper page. I think that mySWF.focus() only works in IE, but that's better than nothing. At least now the function wont be accidentally overwritten by Flex Builder.
Best Wishes,
Tim Hoff

Abdul Qabiz · 3 years ago

Tim, glad to know that it helped you...
-abdul

Chris Charlton · 3 years ago

Neat! Thanks.

Theo · 2 years ago

Interesting idea, however, there is a much better way to do this than using getURL, check out my article on how to (ab)use the ExternalInterface to execute arbitrary JavaScript: Abusing the ExternalInterface


yours,



T#

Abdul Qabiz · 2 years ago

@Theo - I don't exactly remember why I used navigateToURL () or getURL ().. But there were some issues around it so I used navigateToURL (..)
May be it's newline character or comments or could be anything.. For simple statements/expressions ExternalInterface works.. but complex ones, it doesn't..
Please try to port one my examples, in separate post , using your technique and see if it works..
Thanks
-abdul

Joan Garnet · 2 years ago

The last update would make this crash:
<pre>
<JavaScript>
<![CDATA[
location.href = "http://www.yahoo.com";
]]>
</JavaScript>
</pre>
Mabybe you could evaluate that the double slash is not between quotes.
Cheers

Abdul Qabiz · 2 years ago

Thanks Joan,
I am not very good in RegExp, I have fixed it anyway. I am going to sit down and write down all the use-cases and write proper regexp patterns.
I guess, I would end up writing some kind of laxer/grammar :)
-abdul

Aneesh · 2 years ago

hi abdul...
i am using eclipse with flex plugin...but i get an error saying "could not resolve to component implentation....where should i put JavaScript.as that u have mentioned and how should i run it in eclipse..

Abdul Qabiz · 2 years ago

@Aneesh: Put JavaScript.as in com/abdulqabiz/utils folder inside your project. Then you need import it or declare it in xml namespace
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:utils="com.abdulqabiz.utils.*" ....
If you are using JavaScript in ActionScript, import it:-
import com.abdulqabiz.utils.JavaScript;

judah · 2 years ago

This is sweet! Do you know what browsers this works in?

Mark · 2 years ago

Hi,
I noticed this very peculiar behaviour:
try putting this in a javascript function and execute it as you said:
alert ("aaaaaaaabbaaaaasdddddddddddd2aaaaaaaaaaaaaaa1sasaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa1");
I got differing results in different browsers. It basically does not work in IE6. All other javascript functions don't work also if on the same flex app or html page.
However this works in IE7 and Firefox. It only works in IE6 if the piece of code above is put into a normal html page and not executed through Flex.
wondering what's going on and if there is a workaround to the limit of characters in a string

Gareth Arch · 3 months ago

Arg! Came across this same issue this weekend (figured I'd give this a try with my latest project at work). We're currently using IE6 so I'm running across the URL length limitation. I've been trying trim down everything that's unnecessary, but IE6 still keeps catching me with too much junk in the URL. Maybe I'll try some kind of trimming function for my JS. I'm trying to contain the JS within the Flex project, but in IE6, that's been proving difficult.

Abdul Qabiz · 3 months ago

I tested my work with IE6, but yeah I might have missed this particulare use-case. You can modify the code to send a long string in chunks and then run the js code?

Adam · 1 year ago

Would this work with the moteDaemon (http://sourceforge.net/projects/motedaemon/)?
I keep getting:
SecurityError: Error #2051: Security sandbox violation:
errors with this example.

Patrice · 1 year ago

hi,
thanks for this code. i'm trying to integrate multiple javascript files into a flex application. i copied the code from your javascript.as file and tried to use the javascript tag in a separate mxml component file but it didn't work. it says that it could not resolve to a component implementation.
do you know what i could be doing wrong?
hopefully you're still getting messages about comments from this post!
thanks!

Patrice · 1 year ago

hi,
so i fixed the problem that said it could not resolve to a component implementation (i think), by using but now it has a problem with "packages cannot be nested" in javascript.as
do you know what i could be doing wrong?
thanks!

Patrice · 1 year ago

hi,
nevermind. i had just named the file differently from the class. it's all fixed now. thanks for the code!

syeddiwan · 6 months ago

Hai Abdul :-

it's very nice one,Right now i am doing session based flex application,so while closing the browser i need to pass the flex event,can u please guide me,
thanks in advance

Abdul Qabiz · 6 months ago

@syeddiwan: Sorry for late response, I believe, you can capture events (from browser) when it's going to close and then let flex know about it. Now browser-unload event doesn't work consistenly in all browsers, in my opinion, hence I would rather rely on different approach.

1) Capture browser's unload event and do the cleanup (saving data, closing session, etc).
2) Warn user when he tries to close the browser, request him to save, exit or logoff using provided control in user-interface?
3) Maintain a persistent connection using sockets or xmlsocket, now that might be some work and requires server-side infrastructure.

#1 might not work in all browsers and #3 might be little too much for simple things. I see, #2 can be used to and it's safe and sound.

BTW! What you plan to do? I mean, a lot of people are generally confused with things "sessions" and "flex".

-abdul

I believe, you can