Wt

You'll want to make sure your server is serving js/easeljs.min.js. What does the runtime log look like when that is requested?

Log:

127.0.0.1 - - [2018-Dec-13 15:38:15.464] "POST /Avs?wtd=EUmHUbIUfIHO34oh HTTP/1.1" 200 22989
[2018-Dec-13 15:38:15.465] 9444 - [info] "WebRequest: took 2448.28 ms"
127.0.0.1 - - [2018-Dec-13 15:38:15.523] "GET /js/easeljs.min.js HTTP/1.1" 200 127543
127.0.0.1 - - [2018-Dec-13 15:38:15.643] "GET /Avs/Avs?wtd=EUmHUbIUfIHO34oh&request=resource&resource=olw6loi&rand=0 HTTP/1.1" 200 124
[2018-Dec-13 15:38:15.644] 9444 - [info] "WebRequest: took 7.682 ms"
127.0.0.1 - - [2018-Dec-13 15:38:15.653] "GET /docroot/resources/themes/bootstrap/3/time-edit-button.png HTTP/1.1" 200 1930
127.0.0.1 - - [2018-Dec-13 15:38:15.654] "GET /docroot/resources/themes/bootstrap/3/date-edit-button.png HTTP/1.1" 200 1006
127.0.0.1 - - [2018-Dec-13 15:38:15.860] "POST /Avs?wtd=EUmHUbIUfIHO34oh HTTP/1.1" 200 15502
[2018-Dec-13 15:38:15.861] 9444 - [info] "WebRequest: took 35.022 ms"

Well that's great! The file is being fetched by the browser and the server is serving it.

Now perhaps take a look at your browser and verify the file is being loaded? Chromium developer tools Network tab is useful for this.

in my browser Chrome easeljs.min.js is loaded.

Okay, great. So what's the problem? Above you said, "it does not work", but everything you've posted since then seems to contradict that indictment.

the probleme is that i want to use the javascript lib easeljs.js with WPaintedWidget so

can i used the javascript lib easeljs.js with WPaintedWidget?

I'm not sure, you'll have to be much more specific. What have you tried and what error did you get? Generally, javascript works, but the devil is in the details.

I use Qt frameWork, i used the ligne following to add the lib javascript Wt::WApplication::instance()->require("js/easeljs.min.js"); and j ai run a script js with

@widget->doJavaScript

(

QString(

"(function()"

"{"

"var canvas_"ID";"

"var stage_"ID";"

"var drawingCanvas_"ID";"

"var oldPt_"ID";"

"var oldMidPt_"ID";"

"var title_"ID";"

"var color;"

"var stroke_"ID";"

"var colors;"

"var index;"

"canvas_"ID\" = document.getElementById("ID");\"

"stage*"ID" = new createjs.Stage(canvas*"ID");"

"stage_"ID".autoClear = false;"

"stage_"ID".enableDOMEvents(true);"

"createjs.Touch.enable(stage_"ID");"

"createjs.Ticker.framerate = 24;"

"drawingCanvas_"ID\" = new createjs.Shape();\"

"stage*"ID".addEventListener('stagemousedown', handleMouseDown*"ID");"

"stage*"ID".addEventListener('stagemouseup', handleMouseUp*"ID");"

"stage*"ID".addChild(drawingCanvas*"ID");"

"stage_"ID".update();"

"function handleMouseDown_"ID"(event)"

"{"

"if (!event.primary) { return; }"

"color = \"#000000\";"

"stroke_"ID\" = 5;\"

"oldPt*"ID" = new createjs.Point(stage*"ID".mouseX, stage_"ID".mouseY);"

"oldMidPt*"ID" = oldPt*"ID".clone();"

"stage*"ID".addEventListener(\"stagemousemove\", handleMouseMove*"ID");"

"}"

"function handleMouseMove_"ID"(event)"

"{"

"if (!event.primary) { return; }"

"var midPt = new createjs.Point(oldPt*"ID".x + stage*"ID".mouseX >> 1, oldPt*"ID".y + stage*"ID".mouseY >> 1);"

"drawingCanvas*"ID".graphics.clear().setStrokeStyle(stroke*"ID", 'round', 'round').beginStroke(color).moveTo(midPt.x, midPt.y).curveTo(oldPt*"ID".x, oldPt*"ID".y, oldMidPt*"ID".x, oldMidPt*"ID".y);"

"oldPt*"ID".x = stage*"ID".mouseX;"

"oldPt*"ID".y = stage*"ID".mouseY;"

"stage_"ID".update();"

"}"

"function handleMouseUp_"ID"(event)"

"{"

"if (!event.primary) { return; }"

"stage*"ID".removeEventListener(\"stagemousemove\", handleMouseMove*"ID");"

"}"

"})();"

).toStdString()

);@

i have no error but i can't draw on widget

NB: widget is a WPaintedWidget. ID = id of widget

Hi,

Tip for debugging this: by adding

debugger;

at the beginning of your javascript code, you can use the browser's interactive debugger to step through the javascript code and check where it does not work as intended.

Best regards,

Wim.

Thanks for your help,

i continue my tests.

will you say me how insert the tag

...

with wt.

I think Wt::WApplication::require is what you want?