Архивы WEB - Страница 43 из 52

Усовершенствованный Select

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

В стандартном виде выбор в теге «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, сортировка акцизных марок

Сортировка в MySQL кириллицы utf8-general-ci

13.12.2013 Павел Грибов MySQL, WEB

Дано: MySQL 5.1.72, таблицы созданные в utf8-general-ci, установка соединения вызывается следующей функцией:

function connect($host,$name,$pass,$base){
 $this->idsqlconnection=new mysqli($host,$name,$pass,$base);
 if (mysqli_connect_errno()) {
 $serr=mysqli_connect_error();
 die("Error connect to Mysql or select base: $serr");
 } 
 $result = mysqli_query($this->idsqlconnection,"SET NAMES utf8_general_ci"); 
 mysqli_set_charset($this->idsqlconnection, "utf8_general_ci");
 
 }

function connect($host,$name,$pass,$base){

$this->idsqlconnection=new mysqli($host,$name,$pass,$base);

if (mysqli_connect_errno()) {

$serr=mysqli_connect_error();

die("Error connect to Mysql or select base: $serr");

}

$result = mysqli_query($this->idsqlconnection,"SET NAMES utf8_general_ci");

mysqli_set_charset($this->idsqlconnection, "utf8_general_ci");

}

И хоть ты тресни, запрос вида:

$SQL = "SELECT * FROM places WHERE orgid='$orgid' AND active=1 ORDER BY name";
 $result = $sqlcn->ExecuteSQL( $SQL ) or die("Не могу выбрать список помещений!".mysqli_error($sqlcn->idsqlconnection));

1 2	$SQL = "SELECT * FROM places WHERE orgid='$orgid' AND active=1 ORDER BY name"; $result = $sqlcn->ExecuteSQL( $SQL ) or die("Не могу выбрать список помещений!".mysqli_error($sqlcn->idsqlconnection));

Сортировался по непонятно каким критериям. Потеряв на поиск причины несколько часов, перепробовав кучу «рецептов», пришлось заворачивать сортировку запросов в команду binary(), т.е. вот так:

$SQL = "SELECT * FROM places WHERE orgid='$orgid' AND active=1 ORDER BY binary(name)";

1	$SQL = "SELECT * FROM places WHERE orgid='$orgid' AND active=1 ORDER BY binary(name)";

Костыль конечно.. И сортирует различая большие и маленькие буквы. Но таки лучше так чем никак. Ищу лучшее решение.

Оставить комментарий mysql, php, utf8, кирилица, кодировка, сортировка

Шпаргалка по работе c MySQL

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

Вот сегодня столкнулся с неожиданным глюком — импортированный из одной версии phpmyadmin дамп в упор не захотел загружаться в другую версию phpmyadmin, хотя версия mysql одинаковая. Вот тут то и пригодился доступ на сервер по ssh и знание основ работы с консолью. А так, вот небольшая шпаргалка по работе с mysql из консоли:

Работа с бекапами

Делаем бекап
mysqldump -u USER -pPASSWORD DATABASE > /path/to/file/dump.sql

Создаём структуру базы без данных
mysqldump —no-data — u USER -pPASSWORD DATABASE > /path/to/file/schema.sql

Если нужно сделать дамп только одной или нескольких таблиц
mysqldump -u USER -pPASSWORD DATABASE TABLE1 TABLE2 TABLE3 > /path/to/file/dump_table.sql

Создаём бекап и сразу его архивируем
mysqldump -u USER -pPASSWORD DATABASE | gzip > /path/to/outputfile.sql.gz

Создание бекапа с указанием его даты
mysqldump -u USER -pPASSWORD DATABASE | gzip > date +/path/to/outputfile.sql.%Y%m%d.%H%M%S.gz

Заливаем бекап в базу данных
mysql -u USER -pPASSWORD DATABASE < /path/to/dump.sql

Заливаем архив бекапа в базу
gunzip < /path/to/outputfile.sql.gz | mysql -u USER -pPASSWORD DATABASE или так zcat /path/to/outputfile.sql.gz | mysql -u USER -pPASSWORD DATABASE Создаём новую базу данных mysqladmin -u USER -pPASSWORD create NEWDATABASE Удобно использовать бекап с дополнительными опциями -Q -c -e, т.е. mysqldump -Q -c -e -u USER -pPASSWORD DATABASE > /path/to/file/dump.sql, где:
-Q оборачивает имена обратными кавычками
-c делает полную вставку, включая имена колонок
-e делает расширенную вставку. Итоговый файл получается меньше и делается он чуть быстрее

Для просмотра списка баз данных можно использовать команду:
mysqlshow -u USER -pPASSWORD

А так же можно посмотреть список таблиц базы:
mysqlshow -u USER -pPASSWORD DATABASE

часть текста стырена с http://habrahabr.ru/post/105954/

UPDATE 26/02/2014
Удаление всех таблиц в базе данных, 3 способа:

mysql --silent --skip-column-names -u[USERNAME] -p[PASSWORD] [DATABASE] -e "show tables" | \
gawk '{print "drop table " $1 ";"}' | mysql -u [USERNAME] -p[PASSWORD] [DATABASE]

1 2	mysql --silent --skip-column-names -u[USERNAME] -p[PASSWORD] [DATABASE] -e "show tables" \| \ gawk '{print "drop table " $1 ";"}' \| mysql -u [USERNAME] -p[PASSWORD] [DATABASE]

mysqldump -u[USERNAME] -p[PASSWORD] --add-drop-table --no-data [DATABASE] | \
grep ^DROP | mysql -u[USERNAME] -p[PASSWORD] [DATABASE]

1 2	mysqldump -u[USERNAME] -p[PASSWORD] --add-drop-table --no-data [DATABASE] \| \ grep ^DROP \| mysql -u[USERNAME] -p[PASSWORD] [DATABASE]

mysql --silent --skip-column-names --execute="show tables" --user=gallery_admin --password=pass gallery3 | awk '{print "drop table " $1 ";"}' | mysql --user=gallery_admin --password=pass gallery3

1	mysql --silent --skip-column-names --execute="show tables" --user=gallery_admin --password=pass gallery3 \| awk '{print "drop table " $1 ";"}' \| mysql --user=gallery_admin --password=pass gallery3

Оставить комментарий mysql, консоль, шпаргалка

Определение текущего браузера.

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

Так уж получилось, что в настоящее время существует целый зоопарк различных браузеров для просмотра страниц. И все они могут отображать страницы чуть-чуть по разному. А иногда, когда браузер совсем старый, а в проекте используются новые технологии, страница может быть отображена совсем не верно. Есть два пути решения — можно писать используя только те возможности, которые будет заведомо работать в самых распространенных браузерах. Если это не возможно, правилом хорошего тона считается предупредить пользователя, что в данном браузере страница может отображаться не корректно.

Самый простой способ определения браузера — при помощи Jquery. До версии Jquery 1.9, даный функционал у него в базе. После — предполагается что используется дополнительная библиотека «для поддержки старых проектов«. Описание API Jquery Browser здесь. Пример вот он:

    <script>
    if (jQuery.browser.msie==true) { if ((jQuery.browser.version == '6.0')||(jQuery.browser.version == '7.0')||(jQuery.browser.version == '8.0'))  {
        alert('Внимание! Ваш браузер устарел. Обновите IE  до версии 9.0 и выше. Корректная работа приложения не возможна');
    }}       
    if (jQuery.support.boxModel==false) {
        alert('Внимание! Ваш браузер устарел. Корректная работа приложения не возможна');
        }
</script>

if (jQuery.browser.msie==true) { if ((jQuery.browser.version == '6.0')||(jQuery.browser.version == '7.0')||(jQuery.browser.version == '8.0')) {

alert('Внимание! Ваш браузер устарел. Обновите IE до версии 9.0 и выше. Корректная работа приложения не возможна');

}}

if (jQuery.support.boxModel==false) {

alert('Внимание! Ваш браузер устарел. Корректная работа приложения не возможна');

}

</script>

boxModel: устанавливается в true, если страница обрабатывается браузером в соответствие с моделью W3C CSS Box Model (в настоящий момент не поддерживается в IE 6 и 7, когда они в режиме Quirks Mode). Пока документ полностью не загружен, данное свойство имеет значение null.

Оставить комментарий Jquery, определение браузера

« 1 … 41 42 43 44 45 … 52 »

Пн	Вт	Ср	Чт	Пт	Сб	Вс
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31