1.5.3.3

Dimox · Dimox · commit 7ab3f61297b6 · 2014-06-20T13:05:38.000+04:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -0,0 +1,217 @@
+# История изменений
+
+## 1.5.3.3 <sup>20.06.2014</sup>
+
+- Исправлено: в одиночном селекте при переключении на пункт с таким же названием, как у выбранного, не срабатывало событие `change`.
+- Исправлено: при клике на пункт мультиселекта удалялся класс `.focused`.
+- Изменено: при клике на пункт одиночного селекта последнему теперь возвращается фокус (поведение стандартного селекта).
+
+## 1.5.3.2 <sup>07.06.2014</sup>
+
+- Изменено: при открытии селекта поисковое поле теперь не получает фокус, чтобы можно было переключать пункты с клавиатуры.
+- Исправлено: при переключении раскрытого селекта с клавиатуры, если присутствовал вертикальный скроллинг, текущий пункт уходил за пределы видимости.
+
+## 1.5.3.1 <sup>02.06.2014</sup>
+
+- Исправлено: не работал `.on('change' ...)` для селектов.
+
+## 1.5.3 <sup>01.06.2014</sup>
+
+- Исправлено: после предыдущего обновления некорректно работал `.trigger('refresh')`.
+- Код плагина приведен в порядок в соответствии с рекомендациями jshint.
+
+## 1.5.2 <sup>28.05.2014</sup>
+
+- Исправлено: если у файлового поля есть атрибут `multiple`, то при выборе нескольких файлов отображалось название только одного из них.
+- Исправлено: устранена утечка памяти при запуске `.trigger('refresh')`.
+- Исправлено: [#44](https://github.com/Dimox/jQueryFormStyler/issues/44).
+
+## 1.5.1 <sup>03.05.2014</sup>
+
+- Исправлено: при динамическом добавлении пунктов в селект переставал открываться выпадающий список в Internet Explorer.
+- Добавлено: стили для кнопок с классом `.styler`, имеющих атрибут `disabled`.
+
+## 1.5 <sup>24.04.2014</sup>
+
+- Добавлено: к файловому полю теперь добавляется класс `.changed`, когда файл выбран.
+- Исправлено: не всегда корректно добавлялся класс `.focused`, когда селект получал фокус.
+- Исправлено: при фокусе на селекте нажатие клавиш Space и Enter открывало нативный список селекта.
+- Исправлено: в iOS не добавлялся класс `.changed` при изменении селекта.
+- Исправлено: [#38](https://github.com/Dimox/jQueryFormStyler/pull/38).
+
+## 1.4.9 <sup>18.03.2014</sup>
+
+- Добавлены колбеки, срабатываемые при открытии селекта (`onSelectOpened`), при закрытии селекта (`onSelectClosed`) и после выполнения плагина (`onFormStyled`).
+- Заменены все `bind` и `unbind` на `on` и `off`.
+- Убрано переключение чекбокса по нажатию Enter.
+
+## 1.4.8.3 <sup>01.03.2014</sup>
+
+- Исправлено: [#35](https://github.com/Dimox/jQueryFormStyler/pull/35).
+
+## 1.4.8.2 <sup>26.02.2014</sup>
+
+- Исправлено: [#33](https://github.com/Dimox/jQueryFormStyler/pull/33).
+
+## 1.4.8.1 <sup>17.02.2014</sup>
+
+- Исправлено: не всегда правильно формировалась ширина псевдоселекта.
+
+## 1.4.8 <sup>02.02.2014</sup>
+
+- Изменено: снова переработан способ формирования ширины псевдоселекта. Решил отказаться от возможности задания ширины оригинальному элементу, т.к это только сильно все усложняло. Теперь задать ширину можно только через селекторы <code>.jq-selectbox</code> и <code>.jq-select-multiple</code> для одиночного и мультиселекта соответственно.
+- Исправлено: если при повторном выборе файла сделать отмену, то плейсхолдер не возвращался.
+
+## 1.4.7 <sup>21.12.2013</sup>
+
+- Добавлено: на iOS при прокрутке мультиселекта теперь отображается вертикальный скроллинг.
+- Добавлено: опция `wrapper` на случай, если стилизуемые элементы находятся вне тега `form`.
+- Изменено: доработана функция `preventScrolling()` ([#25](https://github.com/Dimox/jQueryFormStyler/issues/25)).
+- Исправлено: если параметр `selectVisibleOptions` был больше нуля, то при каждом последующем клике на селект высота выпадающего списка уменьшалась в 2 раза.
+
+## 1.4.6 <sup>08.12.2013</sup>
+
+- Добавлено: поиск в одиночном селекте и соответствующие опции (`selectSearch`, `selectSearchLimit`, `selectSearchNotFound`, `selectSearchPlaceholder`).
+- Исправлено: в Mac OS X нельзя было выбрать несколько значений в мультиселекте (по аналогии с зажатым Ctrl на Windows).
+- Изменено: полностью переработана система умного позиционирования для выпадающего списка селекта.
+- Изменено: опция `browseText` переименована в `fileBrowse`.
+
+## 1.4.5 <sup>24.11.2013</sup>
+
+- Добавлена поддержка динамического добавления/изменения атрибутов `class`, `id`, `data-*`, `title`.
+
+## 1.4.4 <sup>17.11.2013</sup>
+
+- Добавлена поддержка сброса формы при нажатии на <code>&lt;input type="reset"&gt;</code>.
+
+## 1.4.3 <sup>09.11.2013</sup>
+
+- Решена проблема с селектом в iOS.
+
+## 1.4.2 <sup>03.11.2013</sup>
+
+- Добавлено: свойства <code>margin: 0</code> и <code>padding: 0</code> к оригинальным полям.
+- Исправлено: проблема с шириной селекта при изменении размера окна браузера.
+
+## 1.4.1 <sup>27.10.2013</sup>
+
+- Исправлено: доработан способ скрытия чекбоксов и радиокнопок, чтобы они не переключались при клике на область рядом с псевдоэлементами.
+
+## 1.4 <sup>13.10.2013</sup>
+
+- Добавлено: плейсхолдер для поля выбора файла (новая опция - <code>filePlaceholder</code>).
+- Изменены стили для поля выбора файла.
+- Изменен способ скрытия оригинальных элементов, благодаря чему теперь поддерживается HTML5-валидации.
+- Исправлено: ширина селекта, указанная в процентах, теперь меняется, как положено, при изменении ширины его родительского контейнера.
+
+## 1.3.9 <sup>03.10.2013</sup>
+
+- Добавлено: поддержка <code>data-*</code> атрибутов для тега <code>option</code>.
+- Изменено: ширину для мультиселекта теперь можно задавать тегу <code>&lt;select&gt;</code>.
+- Исправлено: ширина для селекта, указанная в процентах, работала неправильно.
+
+## 1.3.8.2 <sup>06.09.2013</sup>
+
+- Исправлено: при использовании jQuery версий 1.7-1.8.3 после выбора пункта селекта у родительского контейнера удалялись все классы.
+
+## 1.3.8.1 <sup>21.08.2013</sup>
+
+- Исправлена некорректная работа первых двух изменений предыдущей версии плагина в случае, когда для тега `option` добавлялся атрибут `selected`.
+
+## 1.3.8 <sup>12.08.2013</sup>
+
+- Добавлено: в одиночном селекте при выборе пункта, отличного от значения по умолчанию, добавляется класс `.changed`, указывающий, что селект изменен (смотрите примеры).
+- Добавлено: если у `option` указан какой-либо класс, то при выборе соответствующего пункта этот класс добавляется к родительскому тегу псевдоселекта (смотрите примеры).
+- Изменено: все теги `span` заменены на `div`; ранее это было необходимо для поддержки IE7, в котором свойство `display: inline-block` без хаков работает только для строчных элементов.
+- Изменено: полностью изменена методика задания ширины одиночного превдоселекта, теперь ширину можно задавать стандартным способом (т.е. тегу <code>&lt;select&gt;</code>), как если бы плагин был отключен.
+- Исправлено: класс `.opened` не всегда удалялся, когда это было нужно.
+
+## 1.3.7 <sup>27.05.2013</sup>
+
+- Добавлено: в псевдоэлементы передается атрибут `title`, указанный у оригинальных элементов.
+- Незначительные изменения в файле стилей.
+
+## 1.3.6 <sup>18.05.2013</sup>
+
+- Исправлено: при открытии селекта другие не закрывались.
+- Изменено: удалено свойство `float: left` у тега `div.jq-selectbox__select` за ненадобностью.
+- Изменено: класс `.jq-selectbox__text` переименован в `.jq-selectbox__select-text`.
+
+## 1.3.5 <sup>01.05.2013</sup>
+
+- Исправлено: ошибка "Maximum recursion depth exceeded" при клике на неактивный чекбокс или радиокнопку.
+- Исправлено: баг, связанный c ускорением прокрутки длинного выпадающего списка в селекте после неоднократно раскрытия/скрытия выпадающего списка.
+- Изменено: названия некоторых классов заменены на более уникальные.
+
+## 1.3.4 <sup>03.03.2013</sup>
+
+- Исправлено: не работало выделение в мультиселекте в Internet Explorer 8-й и ниже версиях.
+
+## 1.3.3 <sup>08.02.2013</sup>
+
+- Добавлена опция, позволяющая отключать умное позиционирование для выпадающего списка селекта (чтобы он раскрывался всегда вниз).
+- Изменен способ скрытия оригинальной радиокнопки (ранее при отсутствии фона у родителя ее было видно).
+- Исправлено: в некоторых случаях с псевдо-радиокнопки не снималось отмеченное состояние.
+
+## 1.3.2 <sup>27.01.2013</sup>
+
+- Добавлено: переключение селекта с клавиатуры.
+- Добавлено: прокрутка до 1-го выбранного пункта в мультиселекте.
+- Добавлено: в псевдоэлементы теперь передаются все `data-*` атрибуты, указанные у оригинальных элементов.
+- Исправлено: если в одиночном селекте нет пунктов с атрибутом `selected`, то к первому <code>&lt;li&gt;</code> не добавлялся класс `.selected`.
+- Изменено: к атрибуту `id`, передаваемому от стилизуемого элемента, теперь добавляется суффикс (можно указать свой через опцию).
+- Изменено: уменьшен z-index по умолчанию для одиночного селекта.
+
+## 1.3.1 <sup>23.01.2013</sup>
+
+- Внесены изменения, необходимые для корректной работы плагина с jQuery 1.9.
+- Исправлена ошибка, связанная с неправильной работой динамического изменения селектов.
+
+## 1.3 <sup>17.01.2013</sup>
+
+- Реализована поддержка тега <code>&lt;optgroup&gt;</code> в селекте.
+
+## 1.2.5 <sup>15.01.2013</sup>
+
+- Изменен способ эмуляции <code>&lt;input type="file"&gt;</code>, что позволило избавиться от двух далее описанных багов в Firefox и IE.
+- Изменены названия CSS-классов у псевдоэлементов на более уникальные (соответственно, файл jquery.formstyler.css изменен).
+- Изменено: опция `zIndex` переименована в `singleSelectzIndex`.
+- Исправлено: в браузере Firefox обрабатывался клик по <code>&lt;input type="file"&gt;</code> в состоянии `disabled`.
+- Исправлено: в браузере Internet Explorer динамически измененный <code>&lt;input type="file"&gt;</code> не передавал файл на сервер.
+- Исправлено: у простого селекта теперь убирается фокус при переключении Tab'ом на другой элемент формы.
+- Добавлено: поддержка фокуса для <code>&lt;input type="file"&gt;</code> при нажатии на Tab.
+- Добавлено: к родительскому тегу простого селекта добавляется класс `.opened` при раскрытии выпадающего списка.
+- Добавлено: CSS-классы, указанные для <code>&lt;option&gt;</code> передаются тегу <code>&lt;li&gt;</code> в псевдоселекте.
+- Добавлено: новая опция `selectVisibleOptions` для селекта (см. описание выше в статье).
+
+## 1.2.2 <sup>14.01.2013</sup>
+
+- Исправлен баг в Firefox: если у первого пункта селекта стоял атрибут `selected`, то при выборе любого другого пункта передавалось значение первого.
+
+## 1.2.1 <sup>09.01.2013</sup>
+
+- Псевдоэлементам теперь передаются те же идентификаторы и классы, которые указаны для стилизуемых элементов форм.
+- При прокрутке списка одиночного селекта страница теперь не прокручивается (ранее это работало только для мультиселекта).
+- При открытии селекта с длинным списком теперь сразу виден выбранный пункт (ранее его могло быть не видно, и приходилось прокручивать список, чтобы его найти).
+
+## 1.2 <sup>26.11.2012</sup>
+
+- Добавлена поддержка атрибута `multiple` для тега <code>&lt;select&gt;</code>.
+- Добавлена поддержка атрибута `disabled` для тега <code>&lt;input type="file"&gt;</code>.
+
+## 1.1.3 <sup>20.11.2012</sup>
+
+- Решена возникающая в ряде случаев проблема с селектом в браузере Firefox при использовании атрибута `selected`.
+
+## 1.1.2 <sup>15.10.2012</sup>
+
+- Плагин теперь реагирует на применение метода `change` у тега <code>&lt;input type="radio"&gt;</code>.
+- Добавлена опция `zIndex`.
+
+## 1.1 <sup>13.10.2012</sup>
+
+- Добавлена поддержка атрибута `disabled` для тега <code>&lt;select&gt;</code>.
+
+## 1.0 <sup>09.10.2012</sup>
+
+- Первая версия плагина.
diff --git a/README.md b/README.md
@@ -1,5 +1,4 @@
-jQuery Form Styler <sup>[1.5.3.2](http://dimox.name/jquery-form-styler/#log)</sup>
-==================
+# jQuery Form Styler <sup>[1.5.3.3](https://github.com/Dimox/jQueryFormStyler/blob/master/CHANGELOG.md)</sup>
 
 jQuery-плагин для стилизации элементов html-форм:
 
@@ -8,12 +7,11 @@ jQuery-плагин для стилизации элементов html-форм
 * `<input type="file">`
 * `<select>`
 
-Ссылки
-------
+## Ссылки
 
 * [Страница с примерами](http://dimox.github.io/jQueryFormStyler/demo/)
 * [Домашняя страница плагина](http://dimox.name/jquery-form-styler/)
 
-Лицензия
-------
+## Лицензия
+
 [MIT](https://github.com/Dimox/jQueryFormStyler/blob/master/MIT-LICENSE)
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
 	"name": "Dimox/jQueryFormStyler",
-	"version": "1.5.3.2",
+	"version": "1.5.3.3",
 	"main": "jquery.formstyler.css",
 	"description": "jQuery-плагин для стилизации элементов html-форм",
 	"license": "MIT",
diff --git a/jquery.formstyler.js b/jquery.formstyler.js
@@ -1,11 +1,11 @@
 /*
- * jQuery Form Styler v1.5.3.2
+ * jQuery Form Styler v1.5.3.3
  * https://github.com/Dimox/jQueryFormStyler
  *
  * Copyright 2012-2014 Dimox (http://dimox.name/)
  * Released under the MIT license.
  *
- * Date: 2014.06.07
+ * Date: 2014.06.20
  *
  */
 
@@ -557,9 +557,10 @@
 
 								// при клике на пункт списка
 								li.filter(':not(.disabled):not(.optgroup)').click(function() {
+									el.focus();
 									var t = $(this);
 									var liText = t.text();
-									if (selectedText != liText) {
+									if (!t.is('.selected')) {
 										var index = t.index();
 										index -= t.prevAll('.optgroup').length;
 										t.addClass('selected sel').siblings().removeClass('selected sel');
@@ -709,7 +710,6 @@
 									// при клике на пункт списка
 									li.filter(':not(.disabled):not(.optgroup)').click(function(e) {
 										el.trigger('focus.styler');
-										selectbox.removeClass('focused');
 										var clkd = $(this);
 										if(!e.ctrlKey && !e.metaKey) clkd.addClass('selected');
 										if(!e.shiftKey) clkd.addClass('first');
diff --git a/jquery.formstyler.min.js b/jquery.formstyler.min.js

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "Dimox/jQueryFormStyler",`
`3`		`- "version": "1.5.3.2",`
	`3`	`+ "version": "1.5.3.3",`
`4`	`4`	`"main": "jquery.formstyler.css",`
`5`	`5`	`"description": "jQuery-плагин для стилизации элементов html-форм",`
`6`	`6`	`"license": "MIT",`