ruby-on-rails - tag - nested form rails

¿Hay alguna forma con los rieles de ayuda para producir una etiqueta de botón para enviar

Question

Estoy tratando de crear botones para Wufoo ( Redescubriendo el elemento del botón )

Me gustaría escribir el siguiente código como el siguiente:

<%form_tag search_path, :method => :get, :class => ''search'' do %>
  <%=text_field_tag :search, params[:search] -%>
  <%=button_tag ''search'', :name => nil-%>
<%end%>

Para generar el siguiente código HTML (en lugar de la etiqueta de entrada [type = "submit"])

<button type="submit" class="positive">
    <img src="/images/icons/tick.png" alt=""/> 
    Save
</button>

¿Ya existe un método? ¿O debería tirar mi propio ayudante?

Answer 1

Podrías usar content_tag para lograr esto. Es la forma más arriesgada de hacer lo que quieres. Pero es más largo que el HTML en bruto.

<% content_tag :button :type => :submit, :class => :positive do %>
   <%= image_tag "icons/tick.png"%>
   Save
<% end %>

Lo que produce

<button type="submit" class="positive">
    <img src="/images/icons/tick.png" alt="Tick"/> 
    Save
</button>

Sin embargo, al utilizar esto como punto de partida, no debería tener problemas para lanzar su propio ayudante robusto o abstraerlo de forma parcial.

Answer 2

Puedes usar el ayudante image_submit_tag para crear una etiqueta de envío de imagen, en lugar de envolver todo en un botón:

<%
image_submit_tag("login.png")
# => <input src="/images/login.png" type="image" />

image_submit_tag("purchase.png", :disabled => true)
# => <input disabled="disabled" src="/images/purchase.png" type="image" />

image_submit_tag("search.png", :class => ''search-button'')
# => <input class="search-button" src="/images/search.png" type="image" />
%>

Es posible que esto no sea lo que está buscando, si necesita que el texto "Guardar" aparezca sobre el <img>

Answer 3

Utilice la joya de trucos de JQuery https://github.com/plowdawg/jquery_cheats y, en su opinión, es simplemente

<%= submitimage("/path/to/image.png","Alternate Text") %>

NOTA: El texto alternativo es opcional.