Архивы WEB - Страница 28 из 54

Использование 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

Простая загрузка файла на сервер используя JQUERY

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

Задача: сохранить файл на сервер без обновления страницы. Т.е. при помощи ajax

Решение:

Клиентская часть:

<h1>Отправка сообщения в техподдержку</h1>
    <div id="snd">
        <form id="data" method="post" enctype="multipart/form-data">
            <textarea id="tehtxt" name="tehtxt" class="form-control" rows="3" placeholder="Сообщение для техподдержки"></textarea>
            <br/>
            <input name="image" type="file" />
            <br/>
            <button class="btn btn-success" id="buttonsendteh">Отправить сообщение</button>
        </form>
    </div>
    <br/>
    <script>
        $("form#data").submit(function(e) {
                e.preventDefault();    
                var formData = new FormData(this);
                $("#buttonsendteh").hide();
                $.ajax({
                    url: "index.php?route=/controller/server/sendtoteh.php",
                    type: 'POST',                  
                    data: formData,
                    success: function (data) {
			$("#snd").html(data);    
			ListSbssMessages();
			$("#buttonsendteh").show();
                    },
                    cache: false,
                    contentType: false,
                    processData: false
                });
        });
    </script>

<h1>Отправка сообщения в техподдержку</h1>

<br/>

<br/>

<button class="btn btn-success" id="buttonsendteh">Отправить сообщение</button>

</form>

</div>

<br/>

$("form#data").submit(function(e) {

e.preventDefault();

var formData = new FormData(this);

$("#buttonsendteh").hide();

$.ajax({

url: "index.php?route=/controller/server/sendtoteh.php",

type: 'POST',

data: formData,

success: function (data) {

$("#snd").html(data);

ListSbssMessages();

$("#buttonsendteh").show();

cache: false,

contentType: false,

processData: false

});

</script>

Серверная часть:

 $tehtxt=mysqli_real_escape_string($sqlcn->idsqlconnection,$_POST["tehtxt"]);
 $prc="";  
  if (isset($_FILES['image'])==true){
    $orig_file = $_FILES['image']['name']; 
    $userfile_name = GetRandomId(8) . '.' . pathinfo($orig_file, PATHINFO_EXTENSION);
    $src = $_FILES['image']['tmp_name'];    
    $res = move_uploaded_file($src, WUO_ROOT."/files/".$userfile_name);     
    $prc="Прикрепленный файл: $userfile_name";
  };

$tehtxt=mysqli_real_escape_string($sqlcn->idsqlconnection,$_POST["tehtxt"]);

$prc="";

if (isset($_FILES['image'])==true){

$orig_file = $_FILES['image']['name'];

$userfile_name = GetRandomId(8) . '.' . pathinfo($orig_file, PATHINFO_EXTENSION);

$src = $_FILES['image']['tmp_name'];

$res = move_uploaded_file($src, WUO_ROOT."/files/".$userfile_name);

$prc="Прикрепленный файл: $userfile_name";

};

Оставить комментарий form, javascript, Jquery, загрузка файла

Как узнать версии скриптов используемых на сайте.

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

А именно Jquery, Bootstrap, JqGrid и т.п. Ну например так:

console.log(jQuery.fn.jquery);
console.log($.ui.version);
console.log($.jgrid.version);
console.log(jQuery.mmenu.version);
console.log($.fn.tooltip.Constructor.VERSION);

console.log(jQuery.fn.jquery);

console.log($.ui.version);

console.log($.jgrid.version);

console.log(jQuery.mmenu.version);

console.log($.fn.tooltip.Constructor.VERSION);

Оставить комментарий bootstrap, jqgrid, jQuerUI, Jquery, mmenu, version, версия

JQuery tablesorter не правильно сортирует число

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

Казалось бы, что тут такого? В таблице строго число, разделенное точкой, а сортирует.. Какие-то колонки нормально, какие-то не пойми как. Проблема решается только если четко сказать плагину, какие колонки числа. Например так:

$("#sortable_table").tablesorter({
     headers: {
         1: { sorter: 'digit' }, 
         2: { sorter: 'digit' }, 
         3: { sorter: 'digit' }, 
         4: { sorter: 'digit' }, 
         5: { sorter: 'digit' },
         6: { sorter: 'digit' },
         7: { sorter: 'digit' },
         8: { sorter: 'digit' },
         9: { sorter: 'digit' },
         10: { sorter: 'digit' },
         11: { sorter: 'digit' } 
     }
 });

$("#sortable_table").tablesorter({

headers: {

1: { sorter: 'digit' },

2: { sorter: 'digit' },

3: { sorter: 'digit' },

4: { sorter: 'digit' },

5: { sorter: 'digit' },

6: { sorter: 'digit' },

7: { sorter: 'digit' },

8: { sorter: 'digit' },

9: { sorter: 'digit' },

10: { sorter: 'digit' },

11: { sorter: 'digit' }

}

});

Оставить комментарий Jquery, tablesorter, сортировка чисел, таблица

Выводим красивое сообщение пользователю после отправки сообщения из Contact Form 7

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

Начиная с версии 7.5, события нужно теперь отлавливать через DOM. Например вывод сообщения об успешной отправке письма можно оформить так:

document.addEventListener( 'wpcf7mailsent', function( event ) {
$.fancybox(
	'<h2>Уведомление</h2><strong>'+event.detail.apiResponse.message+' </strong><br/><br/>',
	{
    	    'autoDimensions'	: false,
    	    'padding'		: 30,
    	    'margin': 30,
	    'width'         		: 'auto',
	    'height'        		: 'auto',
	    'transitionIn'		: 'fade',
	    'transitionOut'		: 'fade'
	}
    );
}, false );

document.addEventListener( 'wpcf7mailsent', function( event ) {

$.fancybox(

'<h2>Уведомление</h2><strong>'+event.detail.apiResponse.message+' </strong><br/><br/>',

{

'autoDimensions' : false,

'padding' : 30,

'margin': 30,

'width' : 'auto',

'height' : 'auto',

'transitionIn' : 'fade',

'transitionOut' : 'fade'

}

);

}, false );

Оставить комментарий Contact Form, message, wordpress

« 1 … 26 27 28 29 30 … 54 »

Пн	Вт	Ср	Чт	Пт	Сб	Вс
						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