Плагин jQuery.ins

[lexxcode]

Собственно, вот, написал плагин для поля ввода input[type=number]

Опции плагина:

• wrap - класс для обвертки, так же есть возможность указания нескольких классов через пробел, по-умолчанию 'insWrap'
  
• btnU - класс кнопки инкремента (▲) значение поля, по-умолчанию 'ins-btnU'
  
• btnD - класс кнопки декремента (▼) значение поля, по-умолчанию 'ins-btnD'
  
• com - опция устанавливает по какому data-атрибуту будет осуществляться синхронизация нескольких полей, по-умолчанию 'com'
  
• tmpl - параметр позволяющий выбрать структуру html кода, по-умолчанию 'ab'.
  Возможный аббревиатуры: 'ab', 'ba', 'aa', 'bb', а так же вольный html-шаблон.
  
  • 'ab' : устанавливает кнопки (▲) и (▼), после и перед (соответственно) полем.
    
  • 'ba' : устанавливает кнопки (▲) и (▼), перед и после (соответственно) поля.
    
  • 'aa' : устанавливает обе кнопки после поля.
    
  • 'bb' : устанавливает обе кнопки перед полем.
    
  • html-шаблон : позволяет записать html-структуру в виде строки.
    Например:
    

    tmpl : '<div class="test">|<div class="up"></div><div class="down"></div></div>'

    
    Символ вертикальной черты "|" указывает в какую позицию будет установлено поле ввода. Черта должна быть одна и только одна! Так же следует явно указать классы, которые будут являтся оберткой и кнопками!
    

  [*]tch - булевый параметр вкл\откл принудительную инициализацию события change на поле ввода при изменении его значения под средством функциональных клавиш, по-умолчанию true

  [*]wheel - булевый параметр вкл\откл событие mousewheel (требует подключения плагина jquery.mousewheel), по-умолчанию false

UPD: Перенес, теперь на GitHub!

Скачать

Страничка с примерами

[lexxcode]

FIX 28.03.2013: Исправлен баг с работой частых кликов по стрелкам input'а в IE8-. А так же в стандартной теме оформления подправлен внешний вид самих стрелочек поля в IE8

[wwt]

когда в поле вводят символы с клавиатуры, лучше сразу проверяйте не отличные ли это символы от цифр, если отличные лучше вообще глушить событие ввода и не давать вводить эти символы. Это логичнее, чем давать вводить, а потом сбрасывать на 0.

[lexxcode]

В стандартном input:number можно вообще ввести строковое значение, и оно там будет висеть пока не крутнешь стрелками. Так что пусть пока так будет. Сброс на ноль строки обусловлен еще дополнительной функцией синхронизации нескольких полей

Но тем не менее спасибо за отзыв, подумаю над этим по свободе

[wwt]

кстати сказать можно прикрутить поддержку 16-ричных чисел и тд ))) Было бы расширение функционала ))

Только я сходу так даже не могу представить зачем это нужно ахаха ))

Edited March 28, 2013 by wwt