のりおです。勉強会＠東京のみなさん、昨日はお疲れ様でした。

ajaxでテーブルの中身を動的に変更するのはやったことなかったので試してみま
した。
アプローチ的には極めて単純で、テーブルにidを指定しただけです。

rails本のコードからの変更部分を記します。

●app/views/list/index.rhtml
<ul id="items">
<%= render(:partial => 'item', :collection => @items) %>
</ul>

↓change↓

<table id="items">
<%= render(:partial => 'item', :collection => @items) %>
</table>


●app/views/list/_item.rhtml
<li>
<p>
<%= item.posted_on.strftime("%H:%M:%S") %>:
<%= h(item.body) %>
</p>
</li>

↓change↓

<tr>
<td><%= item.posted_on.strftime("%H:%M:%S") %>:</td>
<td><%= h(item.body) %></td>
</tr>


これで、firefoxで確認。うん、普通に動くなあ。
じゃ、IEで確認・・・ぬ、動かん。

すみません、残念ながらIE殿に敗北しましたｗ
どうやら、IEにはテーブル要素などに潜在的な制限があるようです。
おかしいと思って、ぐぐってみると下記のサイトでそれに
ふれている記事を発見しましたので、参照してみてください。
http://www.airs.co.jp/blojsom/blog/bigmac/Ajax/2005/12/10/innerHTML-Limitations-in-IE.html

ぼくもjavascriptはあまり勉強できていないので
これ以上はどなたかにバトンタッチ・・・orz




--
ML: rails@r...
使い方: http://QuickML.com/
Web Site: http://wiki.fdiary.net/rails/
ML Archives: http://www.fdiary.net/ml/rails/