-->
./
<!-- フラ&#65533;ュが見れな&#65533;のためにここに何か書&#65533; --> フラ&#65533;ュがインス&#65533;&#65533;ルされて&#65533;&#65533;たいで&#65533;&#65533;&#65533;

2010年03月20日

Step up Ruby on Rails - link_to_remote の API ヘルプを日本語訳

Step up Ruby on Rails - link_to_remote の API ヘルプを日本語訳


 書籍にも触れられておらず、ほかに見かけた記事もないので、あるいは自分の環境設定がよくないのかもしれないのですが、link_to_remoteだとJavaScriptが無効の場合、リンクをクリックしても無反応になるみたいです。仕方なくform_remote_tagとsubmit_tagを使っているのですが、これだとCSSのデザインがずいぶんややこしくなります。:style=>は使えますが。

 ちなみに、form_remote_tagだと生成され、ブラウザに送信されたコードは、次のようになっています(適当に改行をいれました)。formタグの中にdivタグが入っています。
  <form action="/indictment_datas/ajax_data_view/4" method="post" onsubmit="new Ajax.Request('/indictment_datas/ajax_data_view/4', 
{asynchronous:true, evalScripts:true, parameters:Form.serialize(this)}); return false;"><div style="margin: 0pt; padding: 0pt;">
<input name="authenticity_token" value="6bb7fdfb3ccb77d9ae2946b89b7d0508d7237c14" type="hidden"//></div>
            <input name="commit" style="border: 0px none ;
 background: transparent url(../images/buttons/k_view-40x19.png) repeat scroll 0% 0%; color: white; width: 44px; height: 19px;
 -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; cursor: pointer;
 margin-right: -8px; margin-bottom: -4px;" value="" type="submit"//>
    </form>

 Viewのコードはこうです。
    <% form_remote_tag :url => { :action => 'ajax_data_view', :id => t.id }  do %>                          
            <%= submit_tag '', :style=>' color: white;  width: 44px; height:19px; background: url("../images/buttons/k_view-40x19.png"); no-repeat; cursor:pointer; margin-right: -8px; margin-bottom: -4px; border: 0px;' %>                                                                                                         
    <% end %>

 これだとコントローラで、fomart.jsとformat.htmlを入れることで、JavaScriptが無効の場合、html.erbが開きます。


Powered by ScribeFire.



posted by hirono at 08:08| Comment(0) | TrackBack(0) | Rails
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/36529284

この記事へのトラックバック