how to make js the format of a rails form submitted via ajax?

Question

I have this form:

<div id='relationship_<%= relationship.id %>'>
  <% @value_id = "value_#{relationship.id}" %>
  <% @div_slider_id = "slider_value_#{relationship.id}" %>
  <% @form = "edit_relationship_#{relationship.id}"%>
  <%= form_for(relationship, :remote => true) do |f| %>
    <div id="<%= @div_slider_id %>"></div>
    <%= f.hidden_field :value, :id => "#{@value_id}" %>
  <% end %>
</div>

<script type='text/javascript'>
$(document).ready( function() {
  $(function() {
    $( "#<%= @div_slider_id %>" ).slider({
      orientation: "horizontal",
      range: "min",
      value: <%= relationship.value || 1 %>,
      min: 0,
      max: 100,
      change: function( event, ui ) {
        $( "#<%= @value_id %>" ).val( ui.value );

If the user moves the slider, the form is sent as HTML, not JS

        $("#<%= @form %>").submit();
      }
    });
    $( "#<%= @value_id %>" ).val( $( "#<%= @div_slider_id %>" ).slider( "value" ) );
  });
});
</script>

How do I sent that form on JS format when I move the slider?

thanks

I don't understand. You couldn't send a JS format but you can as for a JS format. — Dougui
– Dougui, Commented Aug 1, 2012 at 15:16
Hi, I had the same problem and i posted two questions about that here. It will be sent as html. I solved that problem and wrote the solution in the same post. See if that can help you — user1455116
– user1455116, Commented Aug 1, 2012 at 22:15

Anthony Alberto · Accepted Answer · 2012-08-02 12:35:28Z

2

Add an ID to the form submit :

<%= f.submit 'Ready', :id => "button_submit" %>

Then in JS instead of this :

$("#<%= @form %>").submit();

Do

$("#buttom_submit").click();

Or : try adding a data-type to the form declaration :

<%= form_for(relationship, :remote => true, :html => { "data-type" => :js } ) do |f| %>

edited Aug 2, 2012 at 12:35

answered Aug 1, 2012 at 15:13

Anthony Alberto

10.4k3 gold badges36 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

wachichornia Over a year ago

thanks for the answer, however I actually want to get rid of the button. I'm going to edit the question to make myself clearer.

Anthony Alberto Over a year ago

Edited my answer, try the data-type approach

wachichornia Over a year ago

i ended up using your $("#buttom_submit").click(); approach, and applying a display:none css property to the button. thanks

ddb · Accepted Answer · 2012-08-01 16:43:26Z

0

Set relationship_form id to form

2. Change this line in your code :

$("#<%= @form %>").submit();

to

$js.post("/relationship.js", $js("#relationship_form").serialize());

answered Aug 1, 2012 at 16:43

ddb

1,40611 silver badges17 bronze badges

Collectives™ on Stack Overflow

how to make js the format of a rails form submitted via ajax?

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related