コンテンツの中にHTMLで書いてしまえるというのは、邪道感もありつつ結構便利なものかと。
コンテンツとしてJavaScriptをこっそり忍ばせておくという方法が気に入りました。
Ajaxで内容を切り替える場合など、切り替わった後でアクセスしたいfunctionを別のHTML部品を用意して<script>タグ内に書いておくとページがロードされた時にすでに読み込まれているので、労せずに使用可能になっています。
また、デフォルトでは表示されていませんが、各々の部品の ADVANCED SETTINGSの中で Custom IDの設定ができ、これはDOMの編集対象として有効、つまりdocument.getElementById()の対象として使えます。
ところで、Sandboxなサンプルサイトはさっぱりライブハウス感がありませんな。
実のところAjaxしないことには、Pythonを使っている意味が半減です。
なので、試してみました。
しかもJQueryを使わないでやってみるという。
CORSの対応が必要かと思いgetCookieなども書いてありますが、GETリクエストの時には結局必要ありませんでした。
<div id="aiXhrTitle">AI-XHR div</div>
<br>
<input type="text" id="aiXhrInputText" >
<button id="aiXhrButton" onclick="requestAiXhr(document.getElementById('aiXhrInputText').value, true );">
</button>
<script>
function getCookie(name) {
var cookieValue = null;
if (document.cookie && document.cookie !== '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i].trim();
// Does this cookie …
