Главная/ Следим/ Куда Mpbox катится/ cuSel 2.3 — update нестандартных select

cuSel 2.3 — update нестандартных select

Дата публикации: 27.09.2010

  • улучшение отказоустойчивоcти:
    • теперь если селекту не задан id, он не будет стилизирован чтобы избежать потенциальных ошибок при наличии скроллинга в выпадающем списке;
    • если не задан option value, ошибок не будет. Реакция будет как у обычных списков: значением будет текст оптиона;
  • реализован простой механиз динамического disabled/enabled для cusel. Чтобы сделать недоступным список, необходимо общему контейнеру добавить класс classDisCusel. Соответственно чтобы сделать активным, этот класс нужно удалить. Тут следует вспомнить как образовывается id главного контейнера cusel — [cuselFrame-] это постоянный префикс, к котрому добавляем id незамененного select. Например, select имел id=»amimals3″. Получаем id, общего контенйреа для данного стилизированного списка: cuselFrame-amimals3:
    jQuery("#butTest").click(
    function()
    {
    	if(jQuery(this).val()=="Задизайблить селект") 
    	{
    		jQuery("#cuselFrame-amimals3").addClass("classDisCusel");
    		jQuery(this).val("Раздизайблить селект");
    	}
    	else
    	{
    		jQuery("#cuselFrame-amimals3").removeClass("classDisCusel");
    		jQuery(this).val("Задизайблить селект");
    	}
    });
    
  • устранены некоторые баги, связанные с недоступным(задизейбленным) списком: можно было менять значения списка с помощью клавиатуры, нельзя было уйти табом с такого селекта;
  • Alexey Choporov расширил функцию перехода на нужный оптион по нажатию первых символов слова: теперь можно набрать несколько первых символов для более точного перехода. Например, в перечне стран есть такие позиции: Англия, Армения, Аргентина. Ранее мы могли перейти только к началу этого списка нажав символ «а». Теперь можно набрать «арг» и сразу перейти к Аргентине. Главное чтобы между нажатиями клавиш при наборе нужной комбинации не было паузы более 0.5 секунды. В качестве образца был взято поведение обычных select.

Ссылка на описание плагина cuSel.

Показать комментарии