Servo Sliders

[zero*gx]

Can someone help me with a javascript based slider for a servo widget?

i know that something similar was done for laserpup. except it provided x/y coordinates.

I know this will come up, so i will tell:

 my project is a web controlled robot. As part of the controls im building, i would like to use a slider ui, so other users wont need to know the pwm values to use.

[iobridge]

I love the idea of a slider.

I have never found a great one, but it you find one that you like I can take a look at it and try to ioBridge-ify it for a servo control.

JavaScript-based would be the easiest to work with, and one that does not require a whole librry to load would also be nice.

This one is nice, but requires Mootools as well.

http://www.phatfusion.net/slider/

I might try it though. It looks nice.

[zero*gx]

that was one of the few ive looked at. i really like that one also.

Ive found 2 so far...

http://www.dhtmlx.com/docs/products/dhtmlxSlider/index.shtml
this one even has theme options built in: http://www.dhtmlx.com/docs/products/dhtmlxSlider/samples/03_skins/01_slider_skin.html#code
The "ball", "skyblue" and the "bar" theme look the best.

Thid one also has themes:
http://www.softcomplex.com/products/tigra_slider_control/
http://www.softcomplex.com/products/tigra_slider_control/multiple_slider_designs_demo.html
The sliders that are 2nd & 3rd look the best.


Both of these support horizontal and vertical orientation. it would be important to have both.
If you'd like i can design the images.

[zero*gx]

any updates?

[iobridge]

I have experimented with one of these and had some success in FireFox but not any other browser. I will keep working until I get something for all of the browsers.

http://www.softcomplex.com/products/tigra_slider_control/

That was the one I some success with. That slider requires an html form to be present and that will cause some issues. I will keep cracking.

[zero*gx]

ok... i wasn't aware of the html form requirement for that one... im windering if you could write the form using document.write.

[zero*gx]

ok...maybe not... i just looked at the source code... im guessing, if this does work at some point, that you would want to integrate this into your io.js file?

i know for me, qdding an html forms not a big deal, as i would imagine for many others... i would hope that any place hosting sites that supports javascript would also allow an html form

[iobridge]

We did it!

To try it out, create a variable position servo widget. Once it's created, you can select a "Style" - either "Input" or "Slider".

You can flip back and forth and it's backwards compatible - if you already have a variable servo position widget, you can simply select "Slider" as the style.

Let us know how it works for you...

[zero*gx]

THANK YOU!!!!!!!!!

however, i can't tell you yet... as, it doesn't work on either firefox or safari on my mac.  My module is configured to be setup for servos.


ill check with windows in a minute....

[zero*gx]

i cant see it in firefox/internet explorer for windows.

in ie, i can highlight the control, it just is not displaying...

[zero*gx]

When i open the page in developer tools, its reporting this area as having a syntax error in the "n_value" line

 

Code: [Select]

var A_INIT = {
                                     's_form' : 0,
                                     's_name': 'ioInput_y2BMHxlnbM0N',
                                     'n_minValue' : 1000,
                                     'n_maxValue' : 2000,
                                     'n_value' : , SyntaxError: Parse error
                                     'n_step' : 5
                                     }
This might be part of the issue... also, when i go through to the iframed page, it doesn't display there.

[iobridge]

You got to have the module / servo online to use the widget. I will put a catch in there. It's failing, because the widget "n_value" is asking your servo for a position and it's not there.

[SouthForkWeb]

I've tested the new Servo Sliders widget and it works great! Thanks so much!

The next question on people's minds is: What about customization?

Personally, I would like to use a different color scheme to integrate into my websites and applications. I do like the options presented at the website zerogx mentioned: http://www.softcomplex.com/products/tigra_slider_control/multiple_slider_designs_demo.html

Maybe in the future we could choose from one of those options, or even have the ability to create a slider of our own. All it would take is for the user to upload or link to two images. One image is the slider background and the other image is the actual slider part.

ioBridge, I realize this won't be that simple to implement, but hopefully in the future more options will become available.

[iobridge]

I think the new widget platform will allow for customizations of widgets much more easier than before. We will be experimenting.

As far as I can see, all of those options on their demo page will be implemented. It's really easy to add those in. Stay tuned.

[zero*gx]

ok.... issue is on my end... that makes sense..

i havent tried this yet, but you might be able to style the sliders by wrapping the javascript in a a div, and then by styling the div in the css...

i will try this when i get a chance.