Вы искали css - Страница 5 из 8

JQgrid, странный глюк с jqContextMenu

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

На днях произошел странный глюк с плагином jqContextMenu, а именно, после нажатия на правую кнопку мыши контекстное меню появлялось, но пропадало после отпускания клавиши. Проявилось только в браузере FireFox и только у меня. На что уж только не грешил, делал откат кода назад на пару недель, думал сам где какую ошибку внес. Затем сходил на сайт Причем специально сходил на www.guriddo.net, где собственно размещена демка от «создателей» — опаньки, и там тоже самое. Значит проблема в браузере. Пробовал отключать плагины, чистить кэшь и т.д. — ничего не помогло. Пришлось засучить рукава и лезть в исходный код плагина context-menu.js, и ставить «костыль». А именно, заменил эвент «клик» на эвент «нажатие» (не отпускание) на скрытие «предыдущего» меню. Что за глюк браузера и почему вдруг «сломалось» — пока загадка.

» Читать далее

Оставить комментарий ContextMenu, jqgrid, глюк

Использование Composer в проектах на PHP

28.02.2019 Павел Грибов PHP, WEB

Composer — это менеджер внешних библиотек для вашего проекта. Например, если вы используете jquery, jqueryui, какие-то другие библиотеки, то для того чтобы не тащить их при переносе проекта, не следить за их обновлением и актуальностью, достаточно использовать Composer. При новой инсталляции проекта достаточно будет выполнить

composer install

1	composer install

для генерации начального composer.json (создание нового проекта) достаточно выполнить:

composer init

1	composer init

добавить нужные пакеты в папку vendor можно:

composer require components/jquery:3.3.1
composer require components/jqueryui:1.12.1
composer require components/font-awesome:5.4.2
composer require components/bootstrap:4.1.1

composer require components/jquery:3.3.1

composer require components/jqueryui:1.12.1

composer require components/font-awesome:5.4.2

composer require components/bootstrap:4.1.1

Обновить пакеты можно:

composer update

1	composer update

Ну и далее как использовать в своем коде PHP:

require_once vendor/autoload.php

1	require_once vendor/autoload.php

Или JS:

<script src="/vendor/components/jquery/jquery.js"></script>

1	<script src="/vendor/components/jquery/jquery.js"></script>

Ну и в догонку. Если у вас из проекта нет доступа к папке vendor, а нужно для использования например css и js непосредственно на странице, можно сделать симлинк, например что-то вроде:

pavel@pavelpc:/var/www/webuseorg4/public$ ln -s ../vendor/components/ components
pavel@pavelpc:/var/www/webuseorg4/public$

1 2	pavel@pavelpc:/var/www/webuseorg4/public$ ln -s ../vendor/components/ components pavel@pavelpc:/var/www/webuseorg4/public$

Оставить комментарий composer, php, web

Изменение ширины темы WordPress Twenty Fourteen

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

По мотивам этой статьи. В очередной раз обновилась тема Twenty Fourteen и в очередной раз нужно менять css файл style.css, чтобы тема нормально смотрелась на очень широких экранах. На этот раз решил подойти радикально — и обновления не терять, и руками каждый раз не править. А именно: заходим в настройки темы -> дополнительные стили и копируем туда код:

.site {	
	max-width: 100% !important;	
}
.site-header {
	max-width: 100% !important;	
}
.hentry {	
	max-width: 100% !important;
}
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	max-width: 80% !important;
}
.image-navigation {	
	max-width: 80% !important;
}

.archive-header,
.page-header {
	max-width: 80% !important;
}

.contributor-info {	
	max-width: 80% !important;
}

.comments-area {
	max-width: 80% !important;
}

.site-main .mu_register,
.widecolumn > h2,
.widecolumn > form {
  max-width: 80% !important;
}

.site {

max-width: 100% !important;

}

.site-header {

max-width: 100% !important;

}

.hentry {

max-width: 100% !important;

}

.site-content .entry-header,

.site-content .entry-content,

.site-content .entry-summary,

.site-content .entry-meta,

.page-content {

max-width: 80% !important;

}

.image-navigation {

max-width: 80% !important;

}

.archive-header,

.page-header {

max-width: 80% !important;

}

.contributor-info {

max-width: 80% !important;

}

.comments-area {

max-width: 80% !important;

}

.site-main .mu_register,

.widecolumn > h2,

.widecolumn > form {

max-width: 80% !important;

}

Сильно надеюсь, что на этом все.

Update 08.11.2021:

Оставить комментарий twenty fourteen, широкий экран

Jqgrid окрашивание фона ячеек

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

Задача: при определенном условии, необходимо окрасить строку

Подводные камни:

событие afterInsertRow, в последних версиях jqgrid не работает
Навешивание события по окраске на чтото типа : {name:’price’, index:’price’, width:60, align:»center», editable: true, formatter:currencyFmatter}, результата не дает, т.к. в этот момент DOM еще не сформирован.

Решение:

По завершении отрисовки, проходимся по нужным ячейкам, и окрашиваем строку случае соответствия:

	        gridComplete:function(){
		console.log("--вставил!");
		    var mya=new Array();
		    mya=$("#list2").getDataIDs(); 
		    var data=$("#list2").getRowData(mya[0]);  
		    var colNames=new Array(); 
		    var ii=0;
		    for (var i in data){colNames[ii++]=i;}		
		    for(i=0;i<mya.length;i++){
			   data=$("#list2").getRowData(mya[i]); 			
			    console.log(data[colNames[3]]);			
			    if (data[colNames[3]]=="Access-Reject"){
				$('#'+mya[i]).css({'background-color':'#FF7700'});
			        console.log(mya[i]);
			  } else {
			      $('#'+mya[i]).css({'background-color':'#229922'});
			
			    }
			}

gridComplete:function(){

console.log("--вставил!");

var mya=new Array();

mya=$("#list2").getDataIDs();

var data=$("#list2").getRowData(mya[0]);

var colNames=new Array();

var ii=0;

for (var i in data){colNames[ii++]=i;}

for(i=0;i<mya.length;i++){

data=$("#list2").getRowData(mya[i]);

console.log(data[colNames[3]]);

if (data[colNames[3]]=="Access-Reject"){

$('#'+mya[i]).css({'background-color':'#FF7700'});

console.log(mya[i]);

} else {

$('#'+mya[i]).css({'background-color':'#229922'});

}

Оставить комментарий jqgrid, окрашивание строки, окрашивание ячейки, смена цвета фона

Прикручиваем форму «Пожаловаться» на любой сайт.

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

На днях прилетела задача, прикрутить на сайтах ГК, кнопку которая позволит «пожаловаться» руководителю на качество сервиса. Простая задача как всегда осложняется тем, что сайты — это набор разных движков. Плюс хочется при исправлении чего-либо в коде, чтобы это одновременно распространялось на все сайты. Пилить код для каждого движка лениво, да и бред. Было отметено сразу. Можно поступить проще: написать javascript код, который вне зависимости от движка сайта, будет работать одинаково на всех сайтах. Всё же добавление виджета на сайт сведется к добавлению мааахонького кусочка кода, который уже дальше подтянет всё остальное. Один нюанс. Код должен работать абсолютно автономно. Никаких там сахаров типа Jquery! Ибо это потянет за собой слишком увеличение веса страницы..да и может законфликтовать с движками сайтов.

» Читать далее

Оставить комментарий ajax, no jquery, жалоба

« 1 … 3 4 5 6 7 8 »

Ноябрь 2024
Пн	Вт	Ср	Чт	Пт	Сб	Вс
				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