Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.02.2012, 19:51
Аватар для greatilya
Интернет-турист
Отправить личное сообщение для greatilya Посмотреть профиль Найти все сообщения от greatilya
 
Регистрация: 01.08.2008
Сообщений: 516

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

Спасибо!
Изображения:
Тип файла: jpg 222222222.jpg (2.3 Кб, 23 просмотров)
__________________
VPS от 175 рублей (есть скидки 15% писать в ПМ) Анализ рынка VPS серверов
Есть только две бесконечные вещи: Вселенная и глупость. Хотя насчет Вселенной я не уверен.
Альберт Эйнштейн
Ответить с цитированием
  #2 (permalink)  
Старый 02.02.2012, 20:00
Аватар для greatilya
Интернет-турист
Отправить личное сообщение для greatilya Посмотреть профиль Найти все сообщения от greatilya
 
Регистрация: 01.08.2008
Сообщений: 516

Спасибо всем!
Вот и ссылка на пример: http://www.xiper.net/collect/js-plug...ui-slider.html
__________________
VPS от 175 рублей (есть скидки 15% писать в ПМ) Анализ рынка VPS серверов
Есть только две бесконечные вещи: Вселенная и глупость. Хотя насчет Вселенной я не уверен.
Альберт Эйнштейн
Ответить с цитированием
  #3 (permalink)  
Старый 03.02.2012, 10:00
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

в HTML5 добавили новый тип поля range и атрибут step.
<input type="range" step="1">
Ответить с цитированием
  #4 (permalink)  
Старый 13.02.2012, 04:12
Профессор
Посмотреть профиль Найти все сообщения от Mахmахmахimus
 
Регистрация: 10.02.2012
Сообщений: 254

monolithed, вертикального в спецификации нет)? а вообще на край боком повернуть можно через css
Ответить с цитированием
  #5 (permalink)  
Старый 13.02.2012, 08:37
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Сообщение от 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>
Ответить с цитированием
  #6 (permalink)  
Старый 13.02.2012, 14:56
Профессор
Посмотреть профиль Найти все сообщения от Mахmахmахimus
 
Регистрация: 10.02.2012
Сообщений: 254

Сообщение от monolithed
-webkit-appearance: slider-vertical;
ну это я уже нагуглил) а я по стандарту спрашиваю)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как получит ссылку на элемент внутри которого запустили JS код? aRpi Events/DOM/Window 20 02.10.2011 13:36
как удалить элемент который идет после элемента .form? FRIE jQuery 2 03.06.2011 14:35
как назначить обработчик на элемент подгруженный аяксом Yurik AJAX и COMET 1 03.05.2011 14:11
Как удалить элемент из дерева DOM dummer jQuery 13 16.01.2011 16:19
Как передать элемент в функцию после createElement Oleg NT Общие вопросы Javascript 3 23.06.2008 02:11