Логотип Валидатор Валидатор Качество создания сайта

Слайдер цифр

Простой слайдер цифр

Это, наверное, самый простой слайдер цифр. Сделал его, практически, на одном лишь HTML, причём, даже не в HTML 5, а в версии HTML 4.01 Transitional.

Просто, использовал новый тэг output и новый атрибут тэга form oninput. Для чего они служат, хорошо видно на нижнем рисунке.
Наиболее важные, по моему мнению, места в нём я подчеркнул красным. Там же есть и код этого интересного, простого слайдера.

А здесь, ниже, показал его действующий пример.

Действующий пример слайдера

Действие тэга output проявляется при любом сдвиге ползунка.   Поле с ним я специально сделал БОЛЬШИМ и ЯРКИМ.

0


Атрибуты тэга output и код слайдера

Данный пример использования JavaScript для создания простого слайдера цифр удалось сделать, благодаря наличию вот таких атрибутов у тэга output.

Атрибуты тэга output и код слайдера

Важно!  Если не поставить "0" между открывающим и закрывающим тэгами output, то поле вывода появляется лишь после сдвига ползунка, что не очень хорошо. Как-то уж очень неожиданно! Ух ты!

Ну, а самое интересное в коде приведённого примера то, что JavaScript в нём прописан всего лишь как значение атрибута.


Поскольку, показанный здесь пример простого слайдера цифр в равной степени относится к двум большим разделам, то и вернуться в них можно прямо по стрелкам нижнего мини-навигатора.
Подведите курсор к стрелкам - появятся подсказки, куда они ведут.

JavaScript Куда? Учебные сайты

ВВЕРХ

Все права защищены. Copyright © 2009 - Коротеев Владимир.

Яндекс.Метрика