кнопка с изображением?

Question

Эй, ребята, я пытаюсь создать кнопку с изображением. В общем, мне нужна версия кода button_to ниже: |

<%= link_to image_tag(product.image_url, :class => "img"), line_items_path(:product_id => product) %>    

Answer 1

Это довольно старый пост, но для справки в будущем: начиная с Rails 3.2.1, вы можете использовать button_tag вместо button_to, так как первый изначально поддерживает изображения:

Создаетэлемент button, который определяет кнопку отправки, кнопку сброса или общую кнопку, которую можно использовать, например, в JavaScript.Вы можете использовать тег кнопки как обычный тег отправки, но он не поддерживается в старых браузерах.Тем не менее, тег кнопки позволяет использовать более насыщенные метки, такие как изображения и выделения, поэтому этот помощник также примет блок.

Как в вашем примере:

<%= button_tag image_tag(product.image_url), line_items_path(:product_id => product), class: 'img' %>

Я неПротестируйте код, но он должен работать.Возможно, вам нужно объявить URL с помощью url:

Answer 2

Это мое решение:

Используйте помощник по кнопкам (вы можете использовать метод button_to helper):

<%= f.submit 'Save', :class => "button_with_image_save" %>

CSS:

.button_with_image_save {
    background: url(../images/icons/page_save.png) #f2efa8 no-repeat 10px 6px;
    text-indent:30px;
    display:block;
    cursor: pointer;
}

Answer 3

Добавить изображение в папку app / assets / image

В представлении

<%= image_submit_tag('nameimage.png') %>

недостатком является то, что вы не можете изменить размер с размером, но у вас должно быть изображение того размера, который вы хотите отобразить

Answer 4

Кнопка отправки изображения:

<%= image_submit_tag("team/team1.png", class: 'image-responsive') %>

Ссылка на изображение:

<%= link_to(image_tag("team/team1.png", class: 'image-responsive'), root_path,  :method => :get) %>

Answer 5

Короткий ответ: вам нужно создать вспомогательный метод, который довольно просто сделать:

Вот аналогичная публикация SO, объясняющая это: Есть ли способ с помощью rails form helperсоздать тег кнопки для отправки

Удачи

Answer 6

Вы можете создать помощника как button_to link -

<%= button_to product.image_url, line_items_path(:product_id => product) %> 

и в application_helper

def button_to(image_path, link)
  link_to (image_tag(image_path, :class => "img"), link)
end

Я думаю, это то, что вы хотите.