Replace QWebKit Object.signal.connect()

maximus

Thanks both for your answers!

2 good solutions, I am not moved to QWebEngine yet, but I will probably do it.
Everything seems to work in QWebEngine now with a few code modification.

Merci!

maximus

QString script("foundSensor(%1, %2, %3, %4, %5);");
ui->webView_settings->page()->runJavaScript(script.arg(deviceType, lstDevicePaired.size(), lstDevicePaired, lstTypeDevicePaired, fromStudioPage));

trying to transfer (int, int, lst<int>, lst<int>, boolean)
const': cannot convert argument 3 from 'QList<int>' to 'char'

Chris Kawa

You misunderstood. It's not enough to pass the variables through arg(). It's not a magic function that translates types to javascript compatible strings. You need to build these strings yourself.

I don't know what types you use but lets say for the sake of example that they are something like this:

int deviceType = 42;
QList<int> lstDevicePaired = { 42, 43, 44 };

To make this work in javascript you need to construct a string like this:

"foundSensor(42, [42,43,44]);"

So you can do it like this for example:

QStringList temp;
std::transform(lstDevicePaired.begin(), lstDevicePaired.end(), std::back_inserter(temp), [](int i){ return QString::number(i); });

QString script("foundSensor(%1, [%2]);");
QString arg1= QString::number(deviceType);
QString arg2 = temp.join(',');

ui->webView_settings->page()->runJavaScript(script.arg(arg1, arg2));

Same goes of course for the other parameters. I just used first two to give you example.

maximus

@SGaist said in Replace QWebKit Object.signal.connect():

Hi,

Not a direct answer but you might be interested by @Konstantin-Tokarev QtWebKit reboot.

Hey SGaist,

Any idea if QWebKit will be part of a future Qt release, like 6.0? I may just wait for that instead :) Could help on the project also.
Cheers,
Max

SGaist

Do you mean the reboot ? No, I don't.

Waiting for Qt 6 might not be the best choice, it won't get started before at least two years.

Konstantin Tokarev

@maximus We have ready to use binary packages compatible with Qt 5.7, and we are planning to publish future binary builds as Qt SDK components. Plan is to make proper release from current development branch alongside with Qt 5.8

If you are willing to help us, it would be very much welcome!

maximus

@Chris-Kawa said in Replace QWebKit Object.signal.connect():

You misunderstood. It's not enough to pass the variables through arg(). It's not a magic function that translates types to javascript compatible strings. You need to build these strings yourself.

Sorry for the old bump, just got back working on this.
Thanks Chris for the example, I think I am constructing the JS argument fine now, the problem is that the JS function is not recognized.
I went back to a simple example to show the problem.

Here is the code I'm using. Now I don't have any problem from my JS to call a Qt function, the problem I'm having is calling a JS function from Qt code.

QString jsToRun2 = "sayHello()";
ui->webView_settings->page()->runJavaScript(jsToRun2);

JS code in the html page that I control:

function sayHello() {alert('hello');}

Getting this error in the Qt console : js: Uncaught ReferenceError: sayHello is not defined

Chris Kawa

Is the page already loaded when you call this? Try this:

connect(ui->webView_settings->page(), &QWebEnginePage::loadFinished, [&]{
    QString jsToRun2 = "sayHello()";
    ui->webView_settings->page()->runJavaScript(jsToRun2);
});

maximus

Hey Chris,

Yes the page was loaded. even then it seems it could not find the function. I can modify elements with jquery but not call the function.

I changed the location of the function and it worked for some reason. I guess you can't access function when they are in document.ready part of the js

$(function() { //loaded on dom ready, not accessible by Qt runJavascript
    function sayhello() {
       alert('say hello');
    }
}

Changed to :

    function sayhello() {
      alert('say hello'); //working here!
    }
    $(function() { /
     //other method not being call by Qt
    }

Thanks for helping me figure it out.
Fixed by moving all the function outside of the document.ready ( $(function() { )

Chris Kawa

I'm no javascript expert, but the function in your first example seems to be a local function (local to the scope of the callback), so yeah, you can't access it from a global scope. When you moved it out to the global scope it's accessible.

maximus

Exactly that, Thanks Chris !