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.
We've moved the forum!
Please use forum.silverstripe.org for any new questions
(announcement).
The forum archive will stick around, but will be read only.
You can also use our Slack channel
or StackOverflow to ask for help.
Check out our community overview for more options to contribute.
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.