Как обмениваться данными с javascriot из iPython notebook?

После чистки html кода из консоли браузера (см предыдущий пост) захотелось не только автоматизировать эти операции, но и сохранить написанные скрипты. Здесь я собрал с десяток ссылок на отличные статьи и заготовил пример html кода, потом дописал в Out[] ячкейки еще один пример html кода, а из других ячеек при помощи команд jQuery изменил его css стили. Так что стало ясно, как можно работать только в простейших случаях - внедряешь html фрагменты в код Notebook и имитируешь команды браузера, но конкретные примеры не здесь, но последуют далее (надеюсь).

IPython Notebook: Javascript/Python Bi-directional Communication
From a Python dataframe to Javascript within Ipython Notebook
Minimalistic example of IPython kernel javascript bi-directional communication
How to use python-defined variables in javascript code within ipython notebook?
IPython's Rich Display System
Built-in magic commands

ipython javascript jQuery not updating text
Using JQuery DataTables with IPython
Embedding D3 in an IPython Notebook
DataTables Table plug-in for jQuery
pyquery: a jquery-like library for python
ipython javascript not updating text

Вот так я пытался начать работать с примером¶

In [4]:

from IPython.display import HTML

Стандарт обслуживания пользователей программ «Адепт»:

Для квалифицированной поддержки специалистов и поддержания программы в актуальном состоянии мы проводим ежемесячное абонентское обслуживание программ «Адепт». Обслуживание осуществляют квалифицированные специалисты, хорошо владеющие как программой, так и предметной областью.

Обслуживание программ осуществляется дистанционно, очно, очно-дистанционно.
Для дистанционной части обслуживания необходимо предварительно скачать файл TeamViewerQJ_ru (3,5 Мб) и сохранить его на рабочий стол (или в другое место).
Также будет нужно подключение к Интернету через любой браузер.
В назначенное Вами время Вам позвонит менеджер и, если Вы готовы, то запустите файл TeamViewerQJ_ru, в открывшемся окне программы пропишите продиктованный по телефону номер конференции, нажмите «Присоединиться».

Релизы программ и БД, Информационные письма о составе релизов и версий...

В обслуживание веб-системы «Адепт: Информ» входит не только круглосуточный доступ ко всем актуализированным документам, консультациям и коммуникациям на сайте www.adept-inform.ru , но и сервис «Заказать документ» и услуги «горячей линии».

Состав абонентского обслуживания программ «Адепт: Проект», «Адепт: Управление проектированием»:

Информационное обслуживание:

• Новые релизы программы;
• Обновление индексов, утверждаемых на региональном и федеральном уровне;
• Актуализация и обновление сборников базовых цен на проектные и изыскательские работы;
• Актуализация и обновление нормативных документов по определению стоимости проектно-изыскательских работ;
• Разъяснения ОАО «ЦЕНТРИНВЕСТпроект» ежегодные и выпускаемые ежемесячно эксклюзивно для пользователей программы. Разъяснения ФАУ «ФЦЦС», ФАУ «Главгосэкспертизы России» по мере выхода
• Обновление "Сборника укрупненных показателей стоимости строительства по субъектам РФ" (УПСС) и «Укрупненных нормативов цены строительства» (НЦС) по мере выхода;
• Новые версии баз данных «Типовые сметы»
• Бесплатный доступ к нормативной веб-системе «Адепт: Информ» для каждогопользователя программы

Техническое обслуживание:

• Настройка программы с учетом особенностей клиента;
• Восстановление работоспособности программы в случаях сбоя аппаратуры и ОС.

Консультационные услуги:

• Рассылка новостей ценообразования по электронной почте;
• Возможность задать Ваш вопрос ОАО «ЦЕНТРИНВЕСТпроект»;
• Ежемесячная рассылка рубрики «Вопрос-ответ» (по вопросам использования программы, сметному делу и управлению проектами) по электронной почте;
• Информирование о внесенных в программу обновлениях;
• Демонстрация новых возможностей при выходе нового релиза программы;
• Обучение по работе с программой (до 1.5 часов);
• Дистанционное обучение через систему вебинаров в группе или индивидуально.

Услуги «горячей линии»:

• Консультации по работе с программой;
• Информация об индексах пересчета в текущие цены.

In [7]:

hh=In [1]

In [2]:

%%javascript
$('hh').

<IPython.core.display.Javascript object>

In [1]:

$('hh')

  File "<ipython-input-1-183deb6ca3b7>", line 1
    $('hh')
    ^
SyntaxError: invalid syntax

Но не разобрался и начал пробовать другой пример¶

In [22]:

from IPython.display import HTML, Javascript, display

In [33]:

display(HTML("""
<p id="demo">A Paragraph.</p>
<button id="something">Try it</button>
"""))

js = """
$(document).ready(
function() {
    $("#something").click(function() {
        $('#demo').text("Changed text");
        $('#something').text('Change button');
        });
    });
"""
js = Javascript(js)
display(js)

A Paragraph.

<IPython.core.display.Javascript object>

In [34]:

display(HTML("""
<p id="demo2">A Paragraph.</p>
<button id="something2">Try it</button>
"""))
js2 = """
$(document).ready(
function() {
    $("#something2").click(function() {
        $('#demo2').text("Changed text");
        $('#something2').text('Change button');
        });
    });
"""

A Paragraph.

In [35]:

js2 = Javascript(js2)
display(js2)

<IPython.core.display.Javascript object>

In [38]:

js3="""
$('#demo2').css({ "background-color": "#ffe", "border": "5px solid #ccc" }); 
"""

In [39]:

js3= Javascript(js3)
display(js3)

<IPython.core.display.Javascript object>

Итак, здесь мы всего лишь научились дублировать команды консоли. В частности, изменили стили созданного ранее параграфа #demo2

Посты чуть ниже также могут вас заинтересовать