Get Value of this Radial Slider?

Tagged: access variable, javascript, jQuery, roundSlider, slider

This topic has 4 replies, 3 voices, and was last updated 2 years, 9 months ago by vern.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
2020-01-19 at 6:07 pm #22934
GLiFTeK
Customer
hi
Ive been suprising myself with the sucess i’ve been having in working with trading values around via the html puzzles.

I finally found the radial type slider i was looking for…
except now.. i can’t for the life of me figure how to extract the ‘value’ data from it, even though it’s explained in full detail.

i’m just having no luck.
tried the on event of change.. use the target value..
even used inner html to input er recommended code..

here’s the site (it’s pretty cool actually)…
here’s the code…
https://roundsliderui.com
```
$("#control").roundSlider("option", "value");

var obj = $("#control").data("roundSlider");

    obj.option("value");
```
i know what that’s doing.. do i have to call on it with a js call? just didnt understand why the get value wasn’t working.

my slider is in a separate iframe above the verge one if that makes any difference.

https://roundsliderui.com/document.html#how-to-use-options

any help would be fantastic.
thanks

Visit the GLIFTEK Verge3D Plugins Store!

GLIFTEK.com for Plugin Documentation & LIVE DEMOS!

LIKE The GLIFTEK Facebook Page for updates!

Join the Verge 3D Discord Server!
plz share Discord link & on your signature!
2020-01-20 at 7:56 am #22939

Yuri Kovelenov
Staff

Hi,

I think this slider is JavaScript-based construct rather than HTML input element so yes, you should use its JavaScript methods and pass the retrieved values to Puzzles as described here.

Chief 3D Verger | LinkedIn | Twitter

2020-01-21 at 12:46 pm #22978

GLiFTeK
Customer

yeah that’s what i was initially doing.
i think i pulled my hair out a total of 30,473 times over the past 3 days of struggling with this..

only to find out that the instructions that the author made are completely incorrect.

found my answer here..
https://stackoverflow.com/questions/52011099/how-to-store-jquery-roundslider-value-in-a-variable

now i have one of those radial sliders (a large quarter circle version in the screen corner for thumb use) that does a 3d reveal of the object.

Visit the GLIFTEK Verge3D Plugins Store!

GLIFTEK.com for Plugin Documentation & LIVE DEMOS!

LIKE The GLIFTEK Facebook Page for updates!

Join the Verge 3D Discord Server!
plz share Discord link & on your signature!

2020-01-21 at 1:37 pm #22980

Yuri Kovelenov
Staff

glad you worked it out!

Chief 3D Verger | LinkedIn | Twitter

2022-02-09 at 7:11 pm #49266

vern
Customer

Hello,
I’ve been trying to figure out the exact same thing (how to get and set the value of the jQuery roundSlider, from inside my Verge3D project).

I copied the code shown in that stackOverflow link above (from GLiFTeK) for the roundSlider into my index.html file and was able to get the slider to show up correctly in my Verge project so far.
Is that the correct place for that code to go?

And how exactly do I access the ‘sliderValue’ variable from Verge3D for the roundSlider like shown in the stackOverflow example?

I tried using the ‘execute Javascript’ Puzzle but I don’t know the syntax to use or if that’s even the right way to call it. Everything I’ve tried hasn’t worked so far.

I don’t have a ton of knowledge of JavaScript so I’ve spent days trying to figure this out. If you have an example it would really help!
Any help with this would be greatly appreciated!

Vern
Author

Posts