# Slider.js in ruby on rails

**URL:** <https://www.ruby-forum.com/t/slider-js-in-ruby-on-rails/54769>\
**Category:** Rails\
**Created:** [March 14, 2006, 3:02am UTC](https://www.ruby-forum.com/t/slider-js-in-ruby-on-rails/54769 "2006-03-14T03:02:25Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![jbell38](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/j/edb3f5/32.png) [@jbell38](https://www.ruby-forum.com/u/jbell38)\
**Post date:** [March 14, 2006, 3:02am UTC](https://www.ruby-forum.com/t/slider-js-in-ruby-on-rails/54769/1 "2006-03-14T03:02:25Z")

</div>

Hello,  
Is anyone using slider.js from [script.aculo.us](http://script.aculo.us)? I don’t understand how  
to integrate it into a form in rails. I want to do something like  
adjust (slide) age from 16-100.  
Thank You,  
jeff

---

<div class="post-metadata">

**Author:** ![jbell38](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/j/edb3f5/32.png) [@jbell38](https://www.ruby-forum.com/u/jbell38)\
**Post date:** [March 14, 2006, 3:23am UTC](https://www.ruby-forum.com/t/slider-js-in-ruby-on-rails/54769/2 "2006-03-14T03:23:46Z")

</div>

I would approach this with a hidden field in your form and if you wana  
have  
it very easy, then use the helper from rails svn repository

[http://dev.rubyonrails.org/browser/plugins/scriptaculous\_slider](http://dev.rubyonrails.org/browser/plugins/scriptaculous_slider)

---

<div class="post-metadata">

**Author:** ![jbell38](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/j/edb3f5/32.png) [@jbell38](https://www.ruby-forum.com/u/jbell38)\
**Post date:** [March 14, 2006, 7:49pm UTC](https://www.ruby-forum.com/t/slider-js-in-ruby-on-rails/54769/3 "2006-03-14T19:49:36Z")

</div>

Wow, thanks for pointing me to that helper. I just can’t seem to get  
it to slide. Do I need a method in the controller to respond to the  
movement?  
Thank You,  
jeff

Here is my rhtml:  
\<%= slider\_stylesheet %\>  
\<%= slider\_field :mate, :generosity, :range =\> 1…10 %\>

Here is the code it produces:

 div.slider { width: 150px; height: 5px; margin-top:5px; margin-bottom:5px; background: #ddd; position: relative; } div.slider div { position:absolute; width:8px; height:15px; margin-top:-5px; background: #999; border:1px outset white; cursor:move; }

  
//