Run javascript from widget callback

[DYSpider13]

Hello,

Is it possible to execute a javascript inside a widget callback (a button for instance) ? If not, is there an alternative for that ?

Best

[hainm]

I think so, using from IPython.display import Javascript

from IPython.display import display, Javascript

Javascript("console.log('hello')")

[SylvainCorlay]

I think so, using from IPython.display import Javascript

Yes, although this kind of javascript injection is not allowed in jupyterlab.

Is it possible to execute a javascript inside a widget callback (a button for instance)

We have a solution for this that was used in ipysheet using web workers to sandbox the unsafe js, although the executed javascript does not have access to the DOM of the main page or the js context of the main page.

[hainm]

Yes, although this kind of javascript injection is not allowed in jupyterlab.

@SylvainCorlay which lab version that does not allow this? It work fine with lab 0.35

[SylvainCorlay]

OK, my information is outdated. That used to not be allowed, which seems to be a good thing to me.

[DYSpider13]

Thank you all. Using Javascript("console.log('hello')") did not work, I had to put it into display like this:

display(Javascript("console.log('hello')"))

Any idea why ?

[SylvainCorlay]

@DYSpider13 I really do not recommand using this though. Injecting javascript is a big security red flag and may be disabled in many deployments of Jupyter.

[renefritze]

It looks like Bokeh has a solution for this here

Me personally I would prefer a solution closer to plain ipywidgets since I would have no actual use for Bokeh besides the CustomJS callbacks.

Somewhat related would be #1109

[jasongrout]

Me personally I would prefer a solution closer to plain ipywidgets since I would have no actual use for Bokeh besides the CustomJS callbacks.

You can with the display Javascript trick above. That's a generic Jupyter thing, nothing to do with ipywidgets (living below the layer of ipywidgets).

To Sylvain's point - a problem with executing javascript is that it most often makes your code only work in a single frontend (and often only a single major version of that frontend), so it has limited usefulness. The approach of ipywidgets in general is to get desired functionality into the frontend through whatever the frontend extension system there is and then triggering the functionality through a message to the frontend.

[sruthiiyer]

How to substitute variable value inside code tag of HTML in ipywidgets

`object_fit = [A.ISONoise(always_apply=False, p=1.0, intensity=(0.1, 0.5), color_shift=(0.01, 0.05))]

h = HTML(value='<{size}>ISONoise(always_apply=False, p=1.0, intensity=(0.1, 0.5), color_shift=(0.01, 0.05)) </{size}>'.format(size='h4'))`

The value inside code keeps verying. So, how to substitute it. I'm new to HTML

[sruthiiyer]

How to substitute variable value inside code tag of HTML in ipywidgets

`object_fit = [A.ISONoise(always_apply=False, p=1.0, intensity=(0.1, 0.5), color_shift=(0.01, 0.05))]

h = HTML(value='<{size}>ISONoise(always_apply=False, p=1.0, intensity=(0.1, 0.5), color_shift=(0.01, 0.05)) </{size}>'.format(size='h4'))`

The value inside code keeps verying. So, how to substitute it. I'm new to HTML

I want substitute the object_fit variable inside the code tag