Архивы Павел - Страница 220 из 285

В стандартном виде выбор в теге «select» не очень удобен в использовании, когда позиций в списке достаточно много. Однако при использовании плагина chosen и jquery, им пользоваться становится намного приятнее.

Было:

Стало:

Т.е. появился подстрочный поиск. Скачать плагин можно здесь.

Подключается достаточно просто, ниже пример использования:

<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="docsupport/prism.css">
  <link rel="stylesheet" href="chosen.css">
</head>
<body>
  <form>
          <select data-placeholder="Choose a Country..." class="chosen-select" >
            <option value=""></option>
            <option value="United States">United States</option>
            <option value="United Kingdom">United Kingdom</option>
            <option value="Afghanistan">Afghanistan</option>
            <option value="Aland Islands">Aland Islands</option>
            <option value="Albania">Albania</option>
            <option value="Zambia">Zambia</option>
            <option value="Zimbabwe">Zimbabwe</option>
          </select>
        </div>
      </div>
  <script src="jquery.min.js" type="text/javascript"></script>
  <script src="chosen.jquery.js" type="text/javascript"></script>
  <script src="docsupport/prism.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
    var config = {
      '.chosen-select'           : {},
      '.chosen-select-deselect'  : {allow_single_deselect:true},
      '.chosen-select-no-single' : {disable_search_threshold:10},
      '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
      '.chosen-select-width'     : {width:"95%"}
    }
    for (var selector in config) {
      $(selector).chosen(config[selector]);
    }
  </script>
  </form>

<head>

</head>

<body>

<form>

<option value="United States">United States</option>

<option value="United Kingdom">United Kingdom</option>

<option value="Afghanistan">Afghanistan</option>

<option value="Aland Islands">Aland Islands</option>

<option value="Albania">Albania</option>

<option value="Zambia">Zambia</option>

<option value="Zimbabwe">Zimbabwe</option>

</select>

</div>

var config = {

'.chosen-select' : {},

'.chosen-select-deselect' : {allow_single_deselect:true},

'.chosen-select-no-single' : {disable_search_threshold:10},

'.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},

'.chosen-select-width' : {width:"95%"}

}

for (var selector in config) {

$(selector).chosen(config[selector]);

}

</script>

</form>

Оставить комментарий chosen, Jquery, select, поиск, улучшение

Сортировка марок в браузере

22.01.2014 Павел Грибов WEB

Ситуация: попала в аварию фура с алкогольной продукцией. Часть продукции осталась в «лесу» — выпала из кузова, часть продукции свалена в кузове частично побитая, частично целая.

Задача: необходимо знать какие акцизные марки остались на не поврежденных бутылках, какие акцизные марки утеряны безвозвратно в «лесу», и какие акцизные марки наклеены на битых бутылках. Из известных данных, какие акцизные марки загружены в фуру.

Реализация:

заносим в MySQL информацию о марках которые должны быть в машине со статусом «неизвестно»
пишем «веб морду» для внесения информации об акцизных марках которые удается идентифицировать визуально.
на складе СГП ставим столы с ноутбуками, с открытой «веб мордой» в браузере
работники берут бутылку, смотрят номер марки, заносят её номер и нажимают кнопку или «целая бутылка» или «бой»
после переборки всей продукции получаем отчет с марками которые «в лесу», марками которые наклеены на целых бутылках и марками которые наклеены на битых бутылках.

Несколько скриншотов:

Интерфейс ввода начальных сведений о количестве марок:

Интерфейс проверки марок:

Отчет:

SVN репозитарий — можно посмотреть код там.

P.S. собрано «на коленке» в течении рабочего дня, выложено «для того чтобы не потерять».

Оставить комментарий web, сортировка акцизных марок

Трое в лодке не считая собаки…

15.01.2014 Павел Грибов Из жизни

Недавно моя мама обратила внимание, что «раньше» мусор со двора вывозила машина с водителем в качестве «погрузчика». Теперь же с развитием современных технологий автоматизации, мусор со двора забирает 3 человека: водитель и два его помошника, которые выскакивают из машины и помогают «приходовать» контейнеры. Производительность труда выросла? Сомневаюсь. Время в основном тратится не на погрузку-выгрузку, а на разъезды между мусорками. А вот тарифы на вывоз мусора я думаю увеличились