[PYTHON] Mémo pour obtenir la valeur côté html-javascript avec jupyter
Chose que tu veux faire
Je veux exécuter html-javascript sur jupyter et transmettre la valeur résultante au côté python pour utilisation. (Exemple: je veux calculer côté python en utilisant les coordonnées dessinées sur javascript, etc.) En y réfléchissant, j'ai trouvé qu'il y avait un Custom-Widget et l'ai essayé.
Exemple d'utilisation
Le suivant affiche le formulaire html, et celui qui y est entré est passé du côté python et affiché. [Cet exemple](https://ipywidgets.readthedocs.io/en/latest/examples/Widget%20Custom.html#Building-a-Custom-Widget --- Date-Picker) a été légèrement modifié, mais J'utilise javascript, auquel je ne suis pas habitué, il y a donc peut-être un meilleur moyen.
La source
--Créer du HTML
%%html
<!DOCTYPE html><html lang="ja">
<head><mata charset="utf-8"/><title>widget test</title></head><body>
<form name="js"><input type="text" name="txt_form" value=""><br></form><script>
require.undef('hello');
define('hello', ["@jupyter-widgets/base"], function(widgets) {
var HelloView = widgets.DOMWidgetView.extend({
render: function() {
this.model.on('change:value', this.value_changed, this);
},
value_changed: function() {
this.model.set('html_form', document.js.txt_form.value);//Obtenez le texte dans le formulaire ici
this.touch();
},
});
return {
HelloView : HelloView
};
});
</script></body></html>
--Créer des ipywidgets
import ipywidgets as widgets
from traitlets import Unicode
class HelloWidget(widgets.DOMWidget):
_view_name = Unicode('HelloView').tag(sync=True)
_view_module = Unicode('hello').tag(sync=True)
value = Unicode('Hello World!').tag(sync=True)
html_form = Unicode('').tag(sync=True)
my_widget = HelloWidget()
my_widget#Vous devez créer un widget ici
- Obtenez la valeur dans le formulaire (cela prend un peu de temps pour l'obtenir, donc si vous affichez la valeur immédiatement après, elle ne sera pas mise à jour)
my_widget.value += 'w'#évaluer[w]En ajoutant, modifiez de force la valeur, déclenchez un événement de synchronisation et obtenez la valeur sous la forme
--Afficher les valeurs sous la forme
print(my_widget.html_form)#Afficher les valeurs dans le formulaire
Recommended Posts