[PYTHON] Memo, um den Wert auf der HTML-Javascript-Seite mit Jupiter zu erhalten

Was du machen willst

Ich möchte html-javascript auf jupyter ausführen und den resultierenden Wert zur Verwendung an die Python-Seite übergeben. (Beispiel: Ich möchte auf der Python-Seite anhand der auf Javascript usw. gezeichneten Koordinaten berechnen.) Als ich darüber nachdachte, schien es [Custom-Widget] zu geben (https://ipywidgets.readthedocs.io/en/latest/examples/Widget%20Custom.html) und ich habe es versucht.

Anwendungsbeispiel

Im Folgenden wird das HTML-Formular angezeigt, und die darin enthaltenen Eingaben werden an die Python-Seite übergeben und angezeigt. [Dieses Beispiel](https://ipywidgets.readthedocs.io/en/latest/examples/Widget%20Custom.html#Building-a-Custom-Widget --- Date-Picker) wurde jedoch geringfügig geändert Ich verwende Javascript, an das ich nicht gewöhnt bin, daher gibt es möglicherweise einen besseren Weg.

無題の図形描画.png

Quelle

%%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);//Holen Sie sich den Text in das Formular hier
            this.touch();
        },
    });
    return {
        HelloView : HelloView
    };
});
</script></body></html>

--Erstelle 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#Sie müssen hier ein Widget erstellen
my_widget.value += 'w'#schätzen[w]Durch Hinzufügen können Sie den Wert zwangsweise ändern, ein Synchronisationsereignis auslösen und den Wert im Formular abrufen
print(my_widget.html_form)#Werte im Formular anzeigen

Recommended Posts

Memo, um den Wert auf der HTML-Javascript-Seite mit Jupiter zu erhalten
Ich habe am Wochenende versucht, mit Bitcoin Systre zu beginnen
Ermitteln Sie mit Selenium + PhantomJS + Python die Breite des Div auf der Serverseite
Der einfachste Weg, um mit Django zu beginnen
Zeichentipps mit matplotlib auf der Serverseite
Einführung in Python mit Atom (unterwegs)
Hinweise zum Implementieren des Schlüssels unter Amazon S3 mit Boto 3, Implementierungsbeispiel, Hinweise
So geben Sie mit Jupyter Notebook einen Wert in der Mitte einer Zelle aus
Überwachen Sie das Trainingsmodell mit TensorBord auf Jupyter Notebook
Versuchen Sie, den Inhalt von Word mit Golang zu erhalten
Hinweise zum Betrieb von Firefox mit Selen unter Windows
Ich möchte die Standortinformationen von GTFS Realtime auf Jupyter zeichnen! (Mit Ballon)
Ein Memo darüber, wie man das schwierige Problem der Erfassung von FX mit AI überwinden kann
Wie man mit dem Phänomen umgeht, dass Python (Jupyter Notebook) auf WSL ausgeführt wird, wird abgebrochen
Lesen Sie das Tag, das Ihnen in ec2 mit boto3 zugewiesen wurde
Mindestkenntnisse, um mit dem Python-Protokollierungsmodul zu beginnen
Holen Sie sich die Paketversion, um sich bei PyPI von Git zu registrieren
So erhalten Sie den letzten (letzten) Wert in einer Liste in Python
Die übliche Art, einen Kernel mit Jupyter Notebook hinzuzufügen
Verbinden Sie den Jupyter Notebook-Kernel mit aktiviertem Jupytext mit Spyder
So gelangen Sie mit Vagrant in die Python-Entwicklungsumgebung
Speichern Sie Bilder im Web mit Python (Colab) auf einem Laufwerk.
[Einführung in Python] So erhalten Sie Daten mit der Funktion listdir
Rufen Sie den Hostnamen des Host-PCs mit Docker unter Linux ab
Holen Sie sich die Quelle der Seite unbegrenzt mit Python zu laden.
Zwei-Faktor-Authentifizierung mit Cognito + Amplify (Geben Sie zur Authentifizierung ID / PW / "Zwei-Faktor-Code-Wert" auf dem Anmeldebildschirm ein)
Ein Memo eines Programms, das ein zweistelliges Datum mit Javascript, Ruby, Python oder einem Shell-Skript abruft.
Wie ist der Fortschritt? Lassen Sie uns mit dem Boom in Python weitermachen
Erste Schritte mit dem Python-Framework Django unter Mac OS X.
So erhalten Sie die ID von Type2Tag NXP NTAG213 mit nfcpy
[Python] Ein Memo, das ich versucht habe, mit Asyncio zu beginnen
So passen Sie U-Boot mit einer benutzerdefinierten Karte für OSD335X an (Hinweis)
So erhalten Sie das Verzeichnis, in dem die mit Pyinstaller erstellte EXE-Datei vorhanden ist
So führen Sie Jupyter und Spark auf einem Mac mit minimalen Einstellungen aus
[Memo] Verwendung von Beautiful Soup4 (2) Zeigen Sie die Artikelüberschrift mit Anfragen an
So erhalten Sie den gesamten Datenverkehr über VPN mit OpenVPN unter Linux
[Python] So erhalten Sie mit Enum einen Wert mit einem anderen Schlüssel als dem Wert
Verwendung von Jupyter am Frontend von Spacon ITO
[Memo] Verwendung von BeautifulSoup4 (3) Zeigen Sie die Artikelüberschrift mit class_ an
Management von Modellen für maschinelles Lernen, um Streitigkeiten mit der Unternehmensseite zu vermeiden
Der schnellste Weg, um regelmäßig Kamerabilder mit Pythons OpenCV zu erhalten
Der einfachste Weg, um Chainer v1.5 + CUDA + cuDNN unter Windows zu erhalten
PhytoMine-I hat versucht, mit Python die genetischen Informationen der Pflanze zu erhalten
Formatieren mit autopep8 auf Jupyter Notebook
Link, um mit Python zu beginnen
Extrahieren Sie den Maximalwert mit Pandas.
Erste Schritte mit MicroPython (unter macOS)
Holen Sie sich das Wetter mit Python-Anfragen
Holen Sie sich das Wetter mit Python-Anfragen 2
So erhalten Sie die Python-Version
Wie fange ich mit Scrapy an?
Erste Schritte mit Python
Wie fange ich mit Django an?
[Memo] Tweet auf Twitter mit Python
[Python] Ich habe versucht, die Nacht der Galaxienbahn mit WordCloud zu visualisieren!
Setzen Sie Cabocha 0.68 in Windows ein und versuchen Sie, die Abhängigkeit mit Python zu analysieren
Ein Memo zur einfachen Verwendung des Beleuchtungsstärkesensors TSL2561 mit Raspberry Pi 2
Vorgehensweise zum Abrufen des KeePassX-Schlüssels mit einer Befehlszeile unter OSX
Geben Sie den Browser an, der mit Jupyter Notebook verwendet werden soll. Besonders Mac. (Und Vivaldi)