Need an 'onSelect' event for slider... especially for Ajax apps

[guest]

Here's what I would like to do..

I would like to trigger an action when any one of the following occurs:

a) The user clicks on the slider bar ("clickSelect")

b) The user slides the slider to a position and then releases the mouse button

What I don't want is for my action to execute for every intermediate value when the user is sliding. I can't set intermediateChanges to false because I still need the textbox updating to tell the user what value they're on during the slide (I do this with onChange). But I only want something to fire when the user has found the right value, stops and releases. Essentially, I'm looking to simulate an onSelect (vs an onChange).

I think an appropriate name for the event I am trying simulate would be 'onSelect'. I think that would cover both cases...

a) When the user is sliding and stops and releases the mouse button.

b) When the user clicks on the slider bar to have the slider jump to that location.

My thinking is that both an onClick on the slider bar as well as an onClick (or onMouseUp?) on the slider handle should constitute and onSelect. In other words...

a) If the user clicks on the slider bar, onSelect would be triggered.

b) If the user slides the handle (by clicking and holding mouse button down) to the position he wants and releases (mouseUp) this would also trigger onSelect.

c) As for A11y, I guess the same thing, only use keyUp.

I think in these cases, it is a reasonable assumption that the user is where he wants to be and expects the appropriate action to be triggered. I know some users will click on the slider bar repeatedly to get where they want, but that's just something I would have to deal with... user would learn eventually if the corresponding action takes too long.

To see the original discussion on this, please look here... http://dojotoolkit.org/forum/dijit-dijit-0-9/dijit-support/slider-events-onchange-question

Thanks

[guest]

For an example of what I'm talking about, you can go here.

http://www.elance.com/p/?q=eolsearch&matchType=project#page=1&matchKeywords=dojo&sortBy=&sortOrder=1&catFilter=100&subcatFilter=&timeleftFilter=0&timelistedFilter=0&budgetFilter=-1&projtypeFilter=0&escrowprojectFilter=false&statusFilter=10037&fixedprojectFilter=true&hourlyprojectFilter=true

There are a couple sliders on the lift hand slide. All of them update a text field as you slide to let you know what value you're on. But the 'select' action doesn't occur until you release the mouse button.

P.S. If the link doesn't work for some reason, just go to http://www.elance.com and search projects for any key word.

[bill]

Hmm, Doug, could he just connect to setValue() to see the intermediate changes (using <script type="dojo/connect" event="setValue">, and then set intermediateChanges=false and use onChange() for seeing the final value?

[doughays]

Investigating...

[doughays]

(In [12147]) References #4958. Dragging slider handle was sending onChange events instead of intermediate changes.

[doughays]

The onselect concept can already be accomplished via:

<script type="dojo/connect" event="setValue">
if(arguments[1] === true || typeof arguments[1] == "undefined"){
var onselectvalue = arguments[0];
}
</script>

A small change was made to the 1.1 slider so that the 2nd argument to setValue would be = false when the slider handle is being dragged. Previous versions had an undefined 2nd parameter which would have been interrpreted as a significant user value change.

[doughays]

bill, do you think this connect script should be documented somewhere. It's not specific to slider.

[bill]

If you can document the two parameters to onChange() that would be great. The thing is that they only apply to certain widgets (slider and spinner come to mind). For something like NumberTextBox? the second parameter will always be true IIUC. And of course for checkbox and radio onChange reports changes to the checked state, not to the value. So I think onChange needs to be documented per widget. Like on http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/form-validation-specialized-input/number-spinner, not just on page http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/form-validation-specialized-input.

I added a TODO to the book: http://www.dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/form-validation-specialized-input#comment-11533 to remember to do this.

In any case sounds like we can close this bug. Thanks for fixing!