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   2201 Views

Avatar
pound4pound

Community Member, 2 Posts

23 September 2009 at 10:51am

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

Community Member, 283 Posts

23 September 2009 at 2:55pm

Edited: 23/09/2009 2:59pm

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.