rails3初心者画像にリンクを貼りたい

Question

ご教授いただければ幸いです。
====================================
carts/index　→　carts/deliveryへリンクしたい
===================================
button_toを使うとちゃんと動きますが
<%= button_to "購入する" , :controller => 'carts', :action => 'delivery' %>

画像に替えると上手く動きません。
<%= link_to (image_tag ("/images/cart_next.png"),:size=>"180x40")),'/delivery',{:method => :post}) %>

link_toやbutton_toを使用して画像にリンクを貼る方法はございますでしょうか？

===================================
carts/controller.rb
===================================
def index
@cart = find_cart
end#

def find_cart
session[:cart] ||= Cart.new
end

def delivery
@cart = find_cart
@addressee = Addressee.new()
end

tatsu99 · Accepted Answer

>2）carts/indexでは、スクリプトが表示されていませんでした^^;

とりあえず、POSTが送信されない原因が判明しましたので、よかったです。

ではなぜ、この画面を表示した場合のみ、rails.jsがブラウザへ転送されないのかが、
問題になります。
通常は、/app/views/layouts/の下に
application.html.erbが存在し、
そのapplication.html.erbから個々のxxxx.html.erbが呼び出されます。
application.html.erbの内容は、
通常、以下のようになっています。
<!DOCTYPE html>
<html>
<head>
<title>そのアプリケーションのタイトル</title>
<%= stylesheet_link_tag :all %>
<%= javascript_include_tag :defaults %>
<%#= javascript_include_tag :all %>
<%= csrf_meta_tag %>
</head>
<body>
<%= yield %>
</body>
</html>

上記の<%= javascript_include_tag :defaults %>
で、rails.js等が取り込まれ、ブラウザに送られるはずです。

carts/indexの場合のみ、application.html.erbが呼び出されていないようにみえます。
意図的に呼び出さないようにしている場合は、問題ありませんが、
そうでない場合は、application.html.erbが呼び出されるようにすべきです。
また、/app/views/layouts下には、application.html.erbのほかに
別のテンプレートファイル（xxx.html.erb形式のファイル）がありますでしょうか？

tatsu99 · Answer

>１．ブラウザでjavascriptが無効になっている。＃有効になっております。chrome FireFoxの両ブラウザで確認。
>２．/public/javascripts/　に　rails.js　が存在しない。#rails.jsは存在いたします。
>３．/views/layouts/ にapplication.html.erb　が存在しない。#application.html.erbも存在いたします。

確認ありがとうございました。
こちらでもchromeで確認しましたところStarted POSTが表示されましたので、ブラウザの
問題ではないようです。

１．念のため、確認ですが、rails.jsはブラウザへ転送されているでしょうか？
chromeの場合、ツール→javascriptコンソールでrails.jsの内容が表示されるはずです。
もし、表示されないなら、rails.jsがブラウザへ転送されないのが原因です。

２．もし、表示されているなら、rails.js自体が古いのが原因かも知れませんので、
こちらで使用しているrails.jsで再度試験して頂けませんでしょうか？
http://www4.gigafile.nu/v3/?b04e4d13265235dd497ad7ed92960201
にこちらで使用しているrails.jsが格納してありますのでダウンロードして、
あなたが使用しているrails.jsと置き換えた後、試験してください。
（もちろん現行のrails.jsはバックアップをとり、後で戻せるようにしておいてください。）

以上が、最後の確認になります。

tatsu99 · Answer

>URLを確認してみましたところ

><%= link_to(image_tag('/images/cart_next.png', :alt => 'レジに進む', :size=>'180x40'),'/carts/delivery',{:method=>'post'}) %>
↓POSTのURLを生成してくれてました。（{}で囲まないパターンでも一緒同じURLでした）
><a href="/carts/delivery" data-method="post" rel="nofollow">
>Started GET "/carts" for 127.0.0.1 at 2011-08-14 22:10:33 +0900

ご確認、ありがとうございました。
正しく、POSTが送信されない（Started POST "/carts/delivery"にならない）原因が、判明しました。

結論から言いますと、
<a href="/carts/delivery" data-method="post" rel="nofollow">のタグから
POSTを送信するのは、javascript(rails.js)の役目です。
詳細は下記のＵＲＬを参照ください。
http://www.oiax.jp/rails/rails3/finish_task.html
この中で、
<a href="/tasks/1/finish" data-method="put" rel="nofollow">完了</a>この a タグがちゃんと「動く」のは、Rails 3.0 で
導入された /public/javascripts/rails.js が存在するためです。
JavaScript に詳しい方は、中身を覗いてみると面白いでしょう。
の記述がありました。

従って、考えられる原因は
１．あなたのブラウザでjavascriptが無効になっている。--->有効にすれば、解決。
２．上記でだめなら、
/public/javascripts/　に　rails.js　が存在しない。
３．上記のrails.jsがあるなら、
/views/layouts/ にapplication.html.erb　が存在しない。
が考えられます。

（項番２，３は正しい手順で、アプリケーションを作成すれば、自動的に作成されるはずです。）
上記の１，２，３について確認して頂けませんでしょうか？

tatsu99 · Answer

こちらの環境は

windows-7
Rails 3.0.7
ruby 1.9.2p180
です。
こちらでは、
Started POST "/carts/delivery" for 127.0.0.1
のメッセージが表示され、HTTPメソッドはPOSTでサーバーに送っていることが確認されるのですが、
そちらの環境では、
Started GET "/carts/delivery" for 127.0.0.1
となっておりますので、HTTPメソッドはGETでサーバーに送っていることになります。
従って、ルート制御の問題でないことは明らかです。
個人的な想像ですが、
<%= link_to(image_tag('/images/cart_next.png', :alt => 'レジに進む', :size=>'180x40'),'/carts/delivery',:method=>'post') %>
を私の環境では、最終的に
<a href="/carts/delivery" rel="nofollow" data-method="post">
にrailsが展開してくれるのですが、
あなたの環境では、
<a href="/carts/delivery" rel="nofollow" data-method="get">
になっていると考えられます。
つまり、
,:method=>'post'の部分が正しく反映されていないと考えられます。
なぜ、そのなるのかは、残念ながら私のスキルでは、判断できません。
railsのバージョンによる違い、または（可能性は薄いですが）MacとWindowsによる違い、
または、railsのバグが考えられます。
一応、最後の確認になりますが、
<%= link_to(image_tag('/images/cart_next.png', :alt => 'レジに進む', :size=>'180x40'),'/carts/delivery',{:method=>'post'}) %>
（:method=>'post'の両端を{}で囲む）
とされた場合は、どうなりますでしょうか？
これでも、だめだとすると、申し訳ありませんがギブアップになります。

tatsu99 · Answer

>教えていただいたコードで試してみましたが、やはり同じUnknown actionのエラーがでました^^;

>ルートを修正するのが無難な方法でしょうか？^^;
<%= link_to(image_tag('/images/cart_next.png',:alt =>'購入する', :size =>'180x40'),'/carts/delivery',:method=>'post') %>

こちらでは、上記のコードで正しく動作しています。

念のため確認ですが、
<%= button_to "購入する" , :controller => 'carts', :action => 'delivery' %>
をクリックしたときは、正しく動作していますか。
もし、button_toも正しく動作しないならルートの修正を正しく元に戻していないことになります。
<%= button_toが正しく動作している場合は、原因がよく判りません。
その場合、サーバー側では、どのようなメッセージが出力されていますか？
こちらでは、
link_toの場合、
Started POST "/carts/delivery" for 127.0.0.1 at 2011-08-12 23:10:04 +0900
Processing by CartsController#delivery as HTML
Parameters: {"authenticity_token"=>"qTfXVieCUOrowky0wop+3lWz3cpdVVU7EzRqB8CQzZE="}
Rendered text template (0.0ms)
Completed 200 OK in 1ms (Views: 0.0ms | ActiveRecord: 0.0ms)

button_toの場合
Started POST "/carts/delivery" for 127.0.0.1 at 2011-08-12 23:10:55 +0900
Processing by CartsController#delivery as HTML
Parameters: {"authenticity_token"=>"qTfXVieCUOrowky0wop+3lWz3cpdVVU7EzRqB8CQzZE="}
Rendered text template (0.0ms)
Completed 200 OK in 0ms (Views: 0.0ms | ActiveRecord: 0.0ms)
のようなメッセージが出力されます。
このようなメッセージの内容を教えていただけませんでしょうか？
（こちらのテスト環境はWindows-7 でWEBrick（rails serverコマンド）を使用しています。）

tatsu99 · Answer

>Unknown actionエラーが出たので、ルートがおかしいのかな？と思い
大変失礼しました、以下のようにして下さい。

<%= link_to(image_tag('/images/cart_next.png',:alt =>'購入する', :size =>'180x40'),'/carts/delivery',:method=>'post') %>

これで、ルート修正せずに、解決するはずです。

>深い内容で質問したい事がでてきた時には
>メールサポート(有料)をお願いできないでしょうか？
私は、そこまでのスキルは持っていませんので、代わりといっては何ですが、メーリングリストを
利用されてはいかがでしょうか。

http://www.ruby-lang.org/ja/community/mailing-lists/
ここの「ruby-list(日本語)」が良いかと思います。
私も、以前、参加していました。（今は参加していません）
ruby作者の「まつもとゆきひろ」さんも時々、ここで発言していますので、
質は高く、結構活発にメールが飛び交っています。
参加した場合、メールの量が増えますので、その覚悟は必要になります。
また、ここはrubyが主体なのでruby on railsについてどこまで、質問可能かは
私もわかりません。（事前に一度、ruby on railsの問い合わせもＯＫかどうか、確認されて
みればよいかと思います）

もう１つの候補として、
http://wiki.fdiary.net/rails/
があります。
こちらは、そのものずばりなので、ruby on railsの場合は、こちらのほうが
よいかも知れません。railsの勉強会の情報もあるので、それにも参加すれば、
さらに情報が入手しやすくなるかも知れません。
ここは、私は、参加したことがありませんので、参考情報として扱ってください。

tatsu99 · Answer

link_toの場合、以下のようにしてください。

<%= link_to(image_tag('/images/cart_next.png',:alt =>'購入する', :size =>'180x40'),{:controller => 'carts', :action => 'delivery',:method=>'post'}) %>

尚、submit_tagと同じ機能を画像で実現したい場合は
<%= submit_tag "検索"%>　　・・・これを
<%= image_submit_tag ('/images/xxx.png',:alt => '検索') %>　・・・このようにします。

追伸：
前回の質問に回答したとき、追加の質問をされましたが、それは解決しましたでしょうか。
回答をしようと思ったのですが、既に質問が締め切られていた為に、回答できませんでした。
もし、未解決であれば、再度、同じ質問を、新たに投稿してください。
今後は、追加の質問をした場合は、締め切らないようにしておいてください。
若しくは、更に質問がある場合は、締め切った後、新たに質問を投稿するようにしてください。

rails3初心者 画像にリンクを貼りたい

>2）carts/indexでは、スクリプトが表示されていませんでした^^;

>１．ブラウザでjavascriptが無効になっている。

>URLを確認してみましたところ

こちらの環境は

>教えていただいたコードで試してみましたが、やはり同じUnknown actionのエラーがでました^^;

>Unknown actionエラーが出たので、ルートがおかしいのかな？と思い

link_toの場合、以下のようにしてください。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

rails3初心者画像にリンクを貼りたい