Javascript.RU

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

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

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

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

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

в HTML5 добавили новый тип поля range и атрибут step.
<input type="range" step="1">
__________________
std::cout << "Люди, которые реагируют творчески - эффективно справляются со своими трудностями" ;
Ответить с цитированием
  #5 (permalink)  
Старый 13.02.2012, 03:12
Профессор
Посмотреть профиль Найти все сообщения от Mахmахmахimus
 
Регистрация: 10.02.2012
Сообщений: 254

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

Сообщение от 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>
__________________
std::cout << "Люди, которые реагируют творчески - эффективно справляются со своими трудностями" ;
Ответить с цитированием
  #7 (permalink)  
Старый 13.02.2012, 13:56
Профессор
Посмотреть профиль Найти все сообщения от Mахmахmахimus
 
Регистрация: 10.02.2012
Сообщений: 254

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



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

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


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