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.

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.

General Questions /

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

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

Coda-slider


Go to End


2 Posts   2766 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.