Цель поста: поделиться с разработчиками решением использования кроссбраузерного input type=«number» или узнать о более лучших решениях.
Недавно столкнулся с необходимостью использования кроссбраузерного input type=«number». Как известно данный тип input`a во всех браузерах выглядит по разному, если вообще поддерживается, а если и поддерживается, то практически не поддается оформлению с помощью css. Никаких толковых решений по данной теме, я найти не смог, поэтому и написал свое, которое оформил в виде мини-плагина. На данный момент ему передается только один параметр — это селектор, к которому применяется js код:
jQuery(function ($) {
$('input[type=number]').iLightInputNumber();
});
Для примера возьмем три input`a с разными атрибутами:
<input type="number" step="100" min="0" class="" placeholder="Your budget"><br/>
<input type="number" min="1" class="" placeholder="1"><br/>
<input type="number" min="1" class="" value="1">
Рабочий пример.
Проверено: opera, chrome, ff, ie9+
Читать дальше →
Это пятнадцатая статья в серии, где я описываю свой опыт написания веб-приложения на Python с использованием микрофреймворка Flask.
Цель данного руководства — разработать довольно функциональное приложение-микроблог, которое я за полным отсутствием оригинальности решил назвать microblog.
ОглавлениеЧасть 1: Привет, Мир!
Часть 2: Шаблоны
Часть 3: Формы
Часть 4: База данных
Часть 5: Вход пользователей
Часть 6: Страница профиля и аватары
Часть 7: Unit-тестирование
Часть 8: Подписчики, контакты и друзья
Часть 9: Пагинация
Часть 10: Полнотекстовый поиск
Часть 11: Поддержка e-mail
Часть 12: Реконструкция
Часть 13: Дата и время
Часть 14: I18n and L10n
Часть 15: Ajax(данная статья)
Часть 16: Отладка, тестирование и профилирование
Часть 17: Развертывание на Linux (даже на Raspberry Pi!)
Часть 18: Развертывание на Heroku Cloud
Читать дальше →
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Читать дальше →
