Login Register

slider

dijit.form.slider and dojo.connect

Hi everyone....might seem pretty straightforward but I can't get this to work. I want to connect to onMouseOver or onMouseLeave event of the dijit.form.Slider, but the assigned function will never get called, except the page load!

dojo.connect(dijit.byId('cxhorizontalSlider'), 'onMouseOver', showCxSliderVals());

this pieco of code is written to the end of the tag (of course within tag). Even if I change it to 'onChange' nothing happens...

Any ideas I'm doing wrong ? thank you all!

is there an example that show how to connect to Slider events?

I'm using the digit not the dojo byId object, and I can setValue
it just fine. Sot its there, I think. But I have yet to figure
out how to fire a function of my own when it gets changed. The
example on the Slider page in the book just shows it getting its
value set, which isn't that helpful.

Any help greatly appreciated.
Britton

Slider and Event Delegation (bubbilng)

Is there a way to get the onchange event of a HorizontalSlider to propagate/bubble up the DOM? I have an unordered list where each element has it's own slider and I'd like to use event delegation to avoid connecting to the onchange of each slider.

I searched in the forum (and on the 'net) and didn't find anything.....

Thanks,
Ruprict

Slider with multiple handles

Hello,

Is it possible to work with multiple handles for slider ?

Cristian

Dijit Slider Labels not working in IE if in a div with any sort of background

Release: Dojo 1.1.1
Browser: IE 6 & IE 7
Scenario: Using a HorizontalSlider dijit in a div that has a background color set to #FFFFFF.
Problem: Labels do NOT show.

Confirmed that labels DO show so long as the widget is in a place that does not have a css background defined. Once the widget is within a div that has a background color or image, the labels vanish.

I've not confirmed whether this happens only in divs but I assume so.

Works perfectly either way in Firefox (2.0) and Safari. Just not in IE 6 or IE 7.

VerticalSlider button styles

Hi

I am using the VerticalSlider widget as a zoom control on a map and would like to change the buttons at the ends of the slider from arrows to +/- buttons. Is it possible to do this whilst maintaining the style of the rest of the slider widget? I looked at the incrementButton.style.display property but could not figure out how to use this (the widget is being created entirely within Javascript).

Any help is appreciated.

slider ticks and labels not visible in ie when background is set in parent container

I've seen some references to this behavior, but haven't seen much that addresses it directly, so thought I'd post my observations for consideration. Of course if anyone has a fix please let me know.

Is there a way to replace the default thumb for the HorizontalSlider?

So far, I tried replacing the HorizontalSlider thumb image by editing the tundra.css file. My image is 8px wide, 14px tall (versus the default image of 16px by 16px).

I changed the CSS entry ".tundra .dijitHorizontalSliderImageHandle" with the new image size and url. I also changed the CSS entries ".tundra .dijitSliderFocused .dijitHorizontalSliderImageHandle", and ".dj_ie6 .tundra .dijitHorizontalSliderImageHandle" with the new image url.

Widget Values [solved]

Switching from Flex, my first widget I have tried out is Slider. I can't seem to get the current value of the widget though.


var slider = dojo.byId.("horizontalSlider");
var currentTime = slider.getValue();

Getting undefined.

Yes I searched on returning value of slider and got nothing.

Can i do a sliding slideshow with dijit?

i am trying to recreate the effect seen on the martha stewart website (on the righthand side "also try" area. the left and right arrows move the div in side with a cool smooth slide). i can see they're using prototype, but i really like how dijit is easy to use and set up.

Syndicate content