日々の破片

_ 日本で最初の濃い読書会

やっぱり、ターヘルアナトミア読書会だろうなぁ。

しかもMLとか無いし。

_ JavaScript難しいよ

と、困り果てる。

AJAXを利用してXMLではなくHTML片を読み込み組み込むページがある。

<%= link_to_remote ... :update => 'foo' ... %>
<div id='foo'></div>

<input type='button' id='bar' value='push me!' onclick='bar();'>
<script type='text/javascript'>
function bar() {
 ...すごく長い
 ...たくさんの行
}
</script>>

でも、これは思ったように動作しない。bar()の呼び出しが「オブジェクトでサポートされていないプロパティまたはメソッドです」になるからだ。windowオブジェクトに追加されてるとは思うのだが、なるものはしょうがない。

だらだらonclickのところに書けばよいのだが、何しろ長いのなんのって、ちゃんとインデントとか付けて改行しまくって書きたいよ。

こういうテがないわけではない(Rails使っているのでRubyで書ける範囲は楽だな)。

<%= button_to_function _('push me !'), escape_javascript(<<END
 ....たくさんたくさん
 ....もっとたくさん
END
)%>

試してないから嘘かも知れないけど。

でも、この場合、ボタンはもっといっぱいあって、共通の関数になる部分も山ほどある。でも地のHTMLにincludeできないのはその時にならないとどういうスクリプトになるかわからないからだ（ということにしておく）。

で、苦し紛れに次のようにしたんだけど、もっと良い方法があるだろうと思う。気づいてないだけか、絶対的にこのあたりの知識が不足してるか、どっちか。多分、後者だろうと思ってるからだが。

<input type='button' id='bar-button' value='push me!' onclick='$("bar-button").bar();'>
<script type='text/javascript'>
$("bar-button").bar = function() {
 ...すごく長い
 ...たくさんの行
}
</script>>

教えてやってもいいよという方、おいででしたらお願いします。