Is it possible to call external Js function Like flash

youssefmyh · December 16, 2020, 6:20pm

Hello,

I have a problem.
Our game has payment java script methods and this methods was called via flash.external.call interface.
but i can’t do the same using openfl.external.call targeting html5

The java scripts payment methods was included during the runtime and the swf file was able to load and call it.

my question how could i include/ call dynamic java script class or function from the same domain ?

Thanks in advance

back2dos · December 17, 2020, 12:17pm

Let’s assume you have a function like this defined in JavaScript:

function someJavaScriptFunction(arg1, arg2) {
  alert(arg1 + ' hoho ' + arg2);
}

You could call it directly as untyped someJavaScriptFunction(1, 2).

Alternatively, you can define externs:

@:native("window")
extern class External {
    static function someJavaScriptFunction(arg1:Int, arg2:Int):Void;
}

Then External.someJavaScriptFunction(1, 2) will be generated as window.someJavaScriptFunction(1, 2). You can adjust and expand this to fit your specific needs.

youssefmyh · December 17, 2020, 2:14pm

I tried that but I am always getting this error

Uncaught TypeError: window.GetProposedFriends is not a function

here is my class definition

package;

/**
 * ...
 * @author 1
 */
@:native("window")
extern class GetProposedFriends 
{

  static function GetProposedFriends():Void;
  
  
}```

Also when I do Inspect Element I can the function there 


![Screen Shot 2020-12-17 at 3.11.15 PM|680x500](upload://xbQiWlzyeT05PKaHWeCXhCSTXnu.png)

back2dos · December 17, 2020, 2:27pm

Here’s a fully working example: https://try.haxe.org/#57285

Difficult to say without more context. Apparently GetProposedFriends is not available from the global state. You should try to find a way to call GetProposedFriends from the devtools console and then adjust the Haxe code accordingly.

youssefmyh · December 18, 2020, 8:56am

Thank you so much for your help.
Yea I am not able to call the script from dev tools but I could found it and call it when I do inspect
for some reason it’s hidden.

youssefmyh · December 24, 2020, 10:51am

finally,
I found the issue, it was in the Iframe.
I need to build a communication protocol between the iframe and the external Java Scripts functions.

In case some one face the same problem here is the best example

gist.github.com

https://gist.github.com/pbojinov/8965299

README.md

# Two way iframe communication

The main difference between the two pages is the method of sending messages. Recieving messages is the same in both.

## Parent

Send messages to iframe using `iframeEl.contentWindow.postMessage`
Recieve messages using `window.addEventListener('message')`

## iframe

This file has been truncated. show original

iframe.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>iframe Window</title>
    <style>
        body {
            background-color: #D53C2F;
            color: white;
        }

This file has been truncated. show original

parent.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Parent Window</title>
</head>
<body>

    <h1>Parent Window</h1>
    <p>Send Message: <button id="message_button">Hi there iframe</button></p>

This file has been truncated. show original

Thanks and good luck