Form Jquery Functions

Question

I am trying to show div by clicking on a button form. I know its wrong just not to sure what to write, and should i write it on my javascript page or just in the view.

<%= submit_tag "Next Step", :type => 'button', :onclick => '$('#devregothinf').hide();' %>

<div id="devregothinf">
  <h2>General Information</h2>
  <%= render 'geninfor_step', form: f %>
</div>

i am getting an error as follow

syntax error, unexpected $end, expecting ')'

If you wanted to show the div, then why have you written hide first? — VenkatK
– VenkatK, Commented Dec 13, 2012 at 4:30
its actually show on this part, i am trying to toggle, i just cant get onclick div.show — Jseb
– Jseb, Commented Dec 13, 2012 at 4:30
its a multi step form wizard, i just want to click on the next button to show the next part of the form — Jseb
– Jseb, Commented Dec 13, 2012 at 4:33

VenkatK · Accepted Answer · 2012-12-13 04:35:32Z

1

Write as following:

<span onclick = "$('#devregothinf').slideToggle('slow');"> Next Step </span>

<div id="devregothinf" style="display:none;">
 <h2>General Information</h2>
 <%= render 'geninfor_step', form: f %>
</div>

answered Dec 13, 2012 at 4:35

VenkatK

1,3051 gold badge9 silver badges21 bronze badges

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

5 Comments

VenkatK Over a year ago

Otherwise you can write $('#devregothinf').show('slow'); also

Jseb Over a year ago

so instead of using a submit form i should use a span?

VenkatK Over a year ago

Yes, better writing something else rather traditional submit tag

Jseb Over a year ago

It works, but i don't see a mouse over it, would css fix it? span:hover of some sort?

VenkatK Over a year ago

You can put your styles according your wish. Eg:<span style="cursor:pointer; color:#AF12ED;" onclick = "$('#devregothinf').slideToggle('slow');"> Next Step </span>

Jiskiras · Accepted Answer · 2012-12-13 04:31:28Z

1

If you're trying to get it to show and not hide, you just need to change $('#devregothinf').hide(); to $('#devregothinf').show();

answered Dec 13, 2012 at 4:31

Jiskiras

846 bronze badges

Comments

sameera207 · Accepted Answer · 2012-12-13 04:36:52Z

1

You could do something like this

view (app/views/home.html.erb)

<%= link_to 'Next Step', 'home/next_step', :remote => true %>

<div id="devregothinf">

controller (app/controllers/home_controller.rb)

def next_step
  <your code>
  respond_to do |format|
      format.js
  end
end

*view (js.erb) (app/views/next_step.html.erb)*

$("#devregothinf").html("<%= raw escape_javascript(render(:partial => 'form')) %>")

*view (app/views/_form.html.erb)*

Your form partial

HTH

answered Dec 13, 2012 at 4:36

sameera207

16.6k20 gold badges92 silver badges156 bronze badges

Collectives™ on Stack Overflow

Form Jquery Functions

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related