Javascript-форум (https://javascript.ru/forum/)
-   Оффтопик (https://javascript.ru/forum/offtopic/)
-   -   Как называется этот элемент управления? (https://javascript.ru/forum/offtopic/25358-kak-nazyvaetsya-ehtot-ehlement-upravleniya.html)

greatilya 02.02.2012 19:51

Как называется этот элемент управления?
 
Вложений: 1
Как называется этот элемент?
Хочу найти статьи в интернете как его кроссбраузерно сверстать. Если есть ссылочки, просьба поделиться.

Спасибо!

greatilya 02.02.2012 20:00

Спасибо всем!
Вот и ссылка на пример: http://www.xiper.net/collect/js-plug...ui-slider.html

monolithed 03.02.2012 10:00

в HTML5 добавили новый тип поля range и атрибут step.
<input type="range" step="1">

Mахmахmахimus 13.02.2012 04:12

monolithed, вертикального в спецификации нет)? а вообще на край боком повернуть можно через css

monolithed 13.02.2012 08:37

Цитата:

Сообщение от Mахmахmахimus
вертикального в спецификации нет)?

В Chrome можно так:
-webkit-appearance: slider-vertical;

Для остальных очень корявое решение (работает некорректно):

<input type="range" name="range" step="1" />
<style>
input[name=range] {
    position: relative;
    top: 50px;
    width: 120px;
    height: 10px;
    -moz-transform: rotate(270deg);
    -webkit-appearance: slider-vertical;
}
</style>

Mахmахmахimus 13.02.2012 14:56

Цитата:

Сообщение от monolithed
-webkit-appearance: slider-vertical;

ну это я уже нагуглил) а я по стандарту спрашиваю)


Часовой пояс GMT +3, время: 02:08.