Jupyter: how to print to cell in function, called back from JavaScript?

Question

my question is about interactive Jupyter notebooks.

I want to display JavaScript button and print something to cell as result of button click.

We can do this easely with ipywidgets:

def OnClick(b=None): print 'qq'
b = widgets.Button(description='Button')
b.on_click(OnClick)
display(b)

But when we jumps to pure JavaScript things goes wrong. I.e. I have JavaScript Button, in on_click() event handler I use kernel interaction like:

var kernel = IPython.notebook.kernel;
kernel.execute('onClick()');

Callback is called successfuly (I checked by beep), but print produce no output in cell, where by button is displayed. So I suppose there should be some magic (like everyting in Python world!) to acceess print area, could you please help me to cast it?

Anton Ovsyannikov · Accepted Answer · 2017-12-19 15:25:16Z

7

The key is to use Output widget

from ipywidgets import widgets
from IPython.display import display, HTML

out = widgets.Output()

def OnClick():
    with out:
        print 'QQQ'

display(HTML('<a onclick="IPython.notebook.kernel.execute(\'OnClick()\')">Click!</a>'))
display(out)

answered Dec 19, 2017 at 15:25

Anton Ovsyannikov

1,2001 gold badge18 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Jupyter: how to print to cell in function, called back from JavaScript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related