Я-то так делать и буду, но жаль что большинство сделает просто "copy-paste", и отправку формы завяжут намертво на JavaScript...
Кстати, если отвлечься от этой темы, то вот ещё одно усовершенствование: передвигать ползунки не по "click", а по "mousedown". Так будет возможно надавить где-то на полоске, и не отпуская кнопку мыши, протащить ползунок. Такое поведение реализовано в аналогичном решении, попробуйте.
В том месте HTML-кода страницы, где будет стоять трекбар, необходимо прописать JavaScript-сценарий
Вставлять куски Java-скрипта внутрь страницы тоже нехорошо.
Лучше описать параметры элемента управления в декларативной форме, поставив INPUT с классом trackbar, и параметрами в виде атрибутов. Подключаемый скрипт после загрузки страницы находит и цепляется за такие элементы, подменяя их на ваш элемент управления.
Например, вместо:
trackbar.getObject('one').init({
onMove : function() {
},
width : 250, // px
leftLimit : 0, // unit of value
leftValue : 20, // unit of value
rightLimit : 100, // unit of value
rightValue : 80, // unit of value
});
можно будет в HTML написать:
<fieldset class="trackbar" style="width:250px">
<label>От:
<input type="range" min="0" max="100" value="20" name="track1a"/>
</label>
<label>До:
<input type="range" min="0" max="100" value="80" name="track1b"/>
</label>
</fieldset>
При этом сохраниться возможность ввода данных, для клиентов с выключенным JavaScript.
Очень плохо, что ваше решение невозможно использовать в веб-приложениях или простых формах на веб-сайтах, где нужна деградация элементов управления до простейших полей формы.
Ведь, по сути, любой из ваших элементов управления — это одно или два простейших текстовых поля. Вот, над ними и надо было надстраивать улучшенную функциональность. Тогда, при отсутствии JavaScript, пользователь сможет ввести значение в простое поле ввода.
Так же рекомендую посмотреть в сторону черновика стандарта Webforms 2, там уже есть элемент управления для указания диапазона (input type=range), а так же демонстрацию для IE и Opera.
А мне нравится больше всего такие подписи под картинками (не моё):
Firefox: встретив её, забудешь обо всём на свете, и вся твоя память будет принадлежать только ей. Хотя временами она будет тебя бесить, бросить её непросто. Дело не в ней, а во всяких вещицах, которыми заваливают её поклонники. Все эти побрякушки, которыми может пользоваться её ухажёр, делают жизнь такой удобной. Если бы только женщины были такими открытыми…
Opera: стройная, сильная и сексапильная — если тебе такие нравятся, то она твой идеал. Она такая проворная, что в постели с ней не соскучишься. Правда, внутрь она тебя не пустит, поэтому полное удовлетворение не гарантируется.
Safari: она красотка. С ней чувствуешь себя нереально крутым. Но есть у неё одна странность: приходя к тебе домой, она без спросу приводит с собой своих iДрузей.
Internet Explorer: большинство мужчин получили первый опыт именно с ней. Она легкодоступна, но опасайся подхватить заразу.
А я бы ввёл одно или несколько дополнительных полей в профайле пользователя:
Имя в родительном падеже:
Имя в дательном падеже:
Кто потрудился, и заполнил поля, того и величать компьютер будет по-человечески. ;)
А что вы скажете про популярность ЖЖ? Там, ведь, "блоги" журналами называются. Никто не говорит "я завёл себе блог на ЖЖ", правда, ведь.
"Блог" — журнал, дневник.
"Пост" — заметка, публикация, статья, запись (в дневнике).
"Запостил" — написал, опубликовал.
"Топик" — тема в форуме (открыть тему).
"Билд" — сборка.
Думаю, можно так же затронуть тему русской IT-терминологии.
"Блог", "топик", "пост", "билд" и т.п. уже надоели, некоторые люди уже не знают как по-другому и писать.
Это не относится к технической части, но замечу, что я никогда бы не стал прокручивать новости, щёлкая на стрелочки, а так же никогда не читаю, если новости прокручиваются автоматически (и, думаю, многие согласятся с этим).
+ за техническое решение
- за удобство
Кстати, если отвлечься от этой темы, то вот ещё одно усовершенствование: передвигать ползунки не по "click", а по "mousedown". Так будет возможно надавить где-то на полоске, и не отпуская кнопку мыши, протащить ползунок. Такое поведение реализовано в аналогичном решении, попробуйте.
Лучше описать параметры элемента управления в декларативной форме, поставив INPUT с классом trackbar, и параметрами в виде атрибутов. Подключаемый скрипт после загрузки страницы находит и цепляется за такие элементы, подменяя их на ваш элемент управления.
Например, вместо:
trackbar.getObject('one').init({
onMove : function() {
},
width : 250, // px
leftLimit : 0, // unit of value
leftValue : 20, // unit of value
rightLimit : 100, // unit of value
rightValue : 80, // unit of value
});
можно будет в HTML написать:
<fieldset class="trackbar" style="width:250px">
<label>От:
<input type="range" min="0" max="100" value="20" name="track1a"/>
</label>
<label>До:
<input type="range" min="0" max="100" value="80" name="track1b"/>
</label>
</fieldset>
При этом сохраниться возможность ввода данных, для клиентов с выключенным JavaScript.
Ведь, по сути, любой из ваших элементов управления — это одно или два простейших текстовых поля. Вот, над ними и надо было надстраивать улучшенную функциональность. Тогда, при отсутствии JavaScript, пользователь сможет ввести значение в простое поле ввода.
Так же рекомендую посмотреть в сторону черновика стандарта Webforms 2, там уже есть элемент управления для указания диапазона (input type=range), а так же демонстрацию для IE и Opera.
Супер оторвались! Завидую!
Имя в родительном падеже:
Имя в дательном падеже:
Кто потрудился, и заполнил поля, того и величать компьютер будет по-человечески. ;)
Ну, не очень хорошо открывать новый журнал о правописании заголовком: или
"Блог" — журнал, дневник.
"Пост" — заметка, публикация, статья, запись (в дневнике).
"Запостил" — написал, опубликовал.
"Топик" — тема в форуме (открыть тему).
"Билд" — сборка.
"Блог", "топик", "пост", "билд" и т.п. уже надоели, некоторые люди уже не знают как по-другому и писать.
+ за техническое решение
- за удобство
Попробую что-то написать, главное, чтобы не затянуло :)
Константы нужны.