Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

General Questions

General questions about getting started with SilverStripe that don't fit in any of the categories above.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

Coda-slider


Reply

2 Posts   2138 Views

Avatar
pound4pound

23 September 2009 at 10:51am Community Member, 2 Posts

What would I have to do to include a Javascript slider for featured work in SilverStripe? I have already looked through the forums and have found nothing. Sorry to ask such a question, I've just all ready tried a lot of things.

Avatar
dalesaurus

23 September 2009 at 2:55pm (Last edited: 23 September 2009 2:59pm), Community Member, 283 Posts

I have done this with the jQuery Slider without much trouble.

Read the docs here: http://docs.jquery.com/UI/Slider

Drop this in your controller/form/whatever:

Requirements::css(THIRDPARTY_DIR.'/jquery/themes/default/ui.all.css');
Requirements::javascript(THIRDPARTY_DIR . '/jquery/jquery-packed.js');
Requirements::javascript(THIRDPARTY_DIR . '/jquery/ui/ui.core.js');
Requirements::javascript(THIRDPARTY_DIR . '/jquery/ui/ui.slider.js');
Requirements::javascript('/mysite/javascript/myslider.js');

Add an appriopriately ID'd <div id="myslider"></div> in your template, create and init the object in the myslider.js file:

jQuery(document).ready(
   function() {
      // Prototype doesn't like $
      jQuery.noConflict();

      // Prep the slider
      jQuery('#myslider').slider({
         'stepping': 1,
         'min': 1,
         'max': 100
      });
   }
);

You should be off and running like a trademarked green tractor manufacturer's mascot.