Как вывести значение ползунка range в саму ручку ползунка?

Question

[Сергей Дёмин]

Друзья !!! Не могу ни как сделать так ,чтобы мое значение из input type="range" появлялось в самом ползунке. Как дотянуться до него ??? вот здесь пример этого :
dlod.ru/polzunok-jquery-vyvod-znacheniya-v-begunok

Но мне надо сделать это на чистом js, так как на jquery не работает почему то ничего . Пожалуйста помогите , вот код с кодпэн :
https://codepen.io/anon/pen/yErgGN

Answer 1

[Exploding]

Так не получится (используя input range), или получится, но крайне велосипедно.
В вашем случае, самое простое решение - "починить" вариант с jquery.

Ну еще как вариант, если уже прям совсем - присмотритесь к jquery-ui, а именно к draggable и его опциям: axis и containment.

Comments

[Сергей Дёмин]

jqueryui.com/slider/#custom-handle

вот я нашел этот ползунок , но я не могу его почему то у себя открыть

[Exploding]

Сергей Дёмин, ¯\_(ツ)_/¯

[Exploding]

Сергей Дёмин, вы хотите чтобы я угадал причину, почему вы не можете у себя его открыть?))

[Сергей Дёмин]

Exploding, нет , я уже все понял в чем здесь проблема. Здесь используется не input range а всё через div. Мне не подходит ,мне надо вынимать данные из range еще для другого

[Exploding]

Сергей Дёмин, это все из-за не внимательного изучения... Вот дочитай вы документацию до нужного момента, и этого бы вопроса не возникло:)

[Сергей Дёмин]

Exploding, вы мне не поможете реализовать код ? у меня если честно уже мозги кипят ,я несколько часов пытаюсь это решить но не могу (

[Exploding]

Сергей Дёмин, нашлось решение или еще нет?
Помочь - могу. Сделать все за вас и выложить готовый вариант - извините, к сожалению нет.

[Сергей Дёмин]

Exploding, Я решил пока что пропустить этот момент ,перешел к другому ,думаю когда нибудь вернусь к нему ,к сожалению сроки на исполнение ТЗ у меня сжаты ((

[Exploding]

Сергей Дёмин, Трудно помочь чем-либо, не имея никаких данных о самой проблеме, кроме:

...так как на jquery не работает почему то ничего

...я не могу его почему то у себя открыть

Благодаря "Тостеру", у его обывателей постепенно начинает эволюционировать спец. скил "дар ясновидения", поэтому, активировав его, могу предположить, что вы не правильно/не в том месте/etc. инициализировали плагин. Возможно не подключили jquery-ui или сам jquery.

Было бы гораздо проще разобраться, имея перед глазами код. Верно?:)