SVG иконка мобильной навигации

SVG иконка меню в мобильных версиях сайта:

Код:  

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1.2em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1536 1280"><path d="M1536 1088v128q0 26-19 45t-45 19H64q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1408q26 0 45 19t19 45zm0-512v128q0 26-19 45t-45 19H64q-26 0-45-19T0 704V576q0-26 19-45t45-19h1408q26 0 45 19t19 45zm0-512v128q0 26-19 45t-45 19H64q-26 0-45-19T0 192V64q0-26 19-45T64 0h1408q26 0 45 19t19 45z" fill="currentColor"/></svg>

Очистка кеша Laravel из командной строки

Чтобы полностью очистить кеш в Laravel достаточно запустить 4 команды artisan:

php artisan cache:clear

php artisan route:clear

php artisan config:clear

php artisan view:clear

Первая чистит кеш, вторая - маршруты, третья - конфигурацию, четвертая - кеш от вьюшек. 

Как экспортировать / импортировать MySQL таблицу из командной строки

Экспорт

Для того, чтобы экспортировать MySQL таблицу из командной строки необходимо выполнить команду: 

mysqldump -u root -p database_name > file_name.sql

где:

• root - имя пользователя (потом отдельно будет запрошен пароль)
• database_name  - название базы данных, которую необходимо экспортирвоать
• file_name.sql - название будущего sql файла

Импорт

Для того, чтобы импортировать MySQL таблицу из командной строки необходимо выполнить команду: 

Очистить стиль элемента jQuery

Если необходимо очистить стиль элемента, который был присвоен не в css файле, а с помощью атрибута style="", то это можно сделать с помощью данного кода: 

 $("#example").removeAttr("style");

Пример

SVG иконка закрытия окна

Результат:

Код:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="35" height="35" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M13.41 12l4.3-4.29a1 1 0 1 0-1.42-1.42L12 10.59l-4.29-4.3a1 1 0 0 0-1.42 1.42l4.3 4.29l-4.3 4.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l4.29-4.3l4.29 4.3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42z"/></svg>

Плавная прокрутка до верха страницы jQuery

Чтобы плавно прокрутить страницу до самого верха, можно использовать код:

$('body,html').animate({

   scrollTop: 0

}, 900);

где: 

1. scrollTop: 0  -  0 значит отступ сверху
2. 900  -  скорость прокрутки

Изменение размера окна браузера jQuery

Обработка события на изменение размера  окна браузера в jQuery:

$( window ).resize(function() {

   //ваши действия

});

Как вернуть шторку уведомлений после обновления Android

Появилась проблема, что после обновления Android до версии 11 перестала работать шторка уведомлений [телефон - Realme 6 pro, но возможно подойдет и для других].

Как удалось починить: 

Для начала нужно проверить, что  в настройках телефона активен данный пункт:

Настройки - Уведомления и строка состояния - “Потяните вниз на экране блокировки чтобы открыть панель уведомлений”

Потом ставим телефон на блок. В заблокированном режиме пробуем вытянуть шторку. 

После того, как в заблокированном режиме шторка срабатывает, она начинает работать и в основном режиме как прежде. 

Как отправить часть формы по Ajax

Если необходимо отправить часть формы, используя Ajax, можно перечислить все необходимые поля вручную. Но это долго и не удобно. 

Проще  автоматически найти все поля в нужном блоке, сериализовать их и затем отправить.

Допустим, есть такая HTML форма: 

<form method="post">

	<input type="text" name="aaa" />

	<input type="text" name="bbb" />



	<div id="myBlock">

		<input type="text" name="ccc" />

		<input type="text" name="ddd" />

		<input type="text" name="eee" /> 

	</div>

</form>

Как отправить часть формы по Ajax в формате JSON

В дополнении к заметке, где описано, как отправить часть формы по Ajax:

иногда необходимо отправить данные в формате JSON. 

Как конвертировать в данный формат:

var options = $('#myBlock').find('input, textarea, select').serializeArray();

var optionsJson = JSON.stringify(options);

Прокрутка до элемента на странице с помощью jQuery

Если необходимо прокрутить страницу до какого-то определенного элемента, то поможет данный код jQuery: 

$("html, body").scrollTop($('#myElement').offset().top);

где myElement - это ID вашего элемента, до которого нужна прокрутка. 

Как сделать кнопку не активной после первого нажатия

Обычно такое поведение кнопки нужно для того, чтобы форму не отправляли повторно несколько раз. 

Чтобы сделать кнопку на HTML форме не активной (disable) , нужно добавить к кнопке небольшой обработчик события onclick:

<input type="submit" name="send_form" value="Отправить"

onclick="this.form.submit(); this.disabled=true;"   />

Именно этот код onclick="this.form.submit(); this.disabled=true;" отвечает за то, что после нажатия кнопка сразу становится не активна и затем отправляется форма.

Но есть подводные камни, которые могут сделать этот код не работающим, а именно:

События jQuery для динамически созданных объектов

Когда элементы на форме создаются динамически, бывает проблема, что обработчики событий jQuery не срабатывают. 

К примеру, данный код будет работать для статичных элементов, которые были на форме изначально:

$('#myForm input').on('blur', function() {

    //делать что-либо

});

Но этот же код окажется бесполезен для динамических элементов, которые были добавлены на форму уже с помощью скриптов. 

Во втором случае сработает такой код:

$(document).on('blur',  '#myForm input',function () { 

   //делать что-либо

});

Как добавить option в select (jQuery)

 <select name="country" id="countrySelect">

 	<option value="ITA">Italy</option>

 	<option value="RUS">Russia</option>

 	<option value="ESP">Spain</option>

 </select>

$('#countrySelect').append($('<option>', {

    value: 'FRA',

    text: 'France'

}));

Как импортировать большую базу/базы MySQL?

Если объем данных большой - лучше всего это сделать используя командную строку.

Команда: 

mysql -u root -p < exampleDatabaseName.sql

где exampleDatabaseName.sql - название базы, которую хотите импортировать. 

Как экспортировать сразу все базы MySQL?

Так как экспорт всех имеющихся баз может занять долгое время, эффективнее всего сделать это из командной строки. 

Команда: 

mysqldump -u root -p --all-databases > commonDatabaseName.sql

где commonDatabaseName.sql - название  sql файла, который будет создан. 

флаг --all-databases как раз означает, что необходимо экспортировать все базы.  (если надо только какие-то конкретные - то вместо этого флага можно установить --databases  и далее написать имена баз).

Получение значения select при его изменении

Допустим, у вас есть форма, а на ней элемент select:

<select id="myselect" name="animal">

	<option value="cat">Кот</option>

	<option value="dog">Собака</option>

	<option value="other">Другое</option>

</select>

 Чтобы получить новое значение, которые пользователь выбрал при изменении выпадающего списка достаточно этого кода: 

$('#myselect').on('change', function() {

   console.log(this.value); //выводим результат в консоль

});

переменная  this.value будет содержать в себе value  выбранной пользователем опции, к примеру если пользователь выбрал элемент “Собака”, то в this.value  будет записано “dog”. 

Обработка всех обязательных полей формы с помощью jQuery

 Бывают ситуации, когда с помощью скрипта необходимо обработать все обязательные поля формы. 

Это можно сделать с помощью данного кода:

$('#myForm').find('input').each(function(){

    if($(this).prop('required')){

        //обязательное поле

    }

});

К этому коду можно добавить валидацию:

Как сделать элемент select выбранным (по значению value)

Чтобы сделать элемент select выбранным с помощью jQuery, достаточно всего 1 строки кода:

$("#selectId").val("option_value");

где selectId - это id seelct, option_value - это значение (value) нужного option в селекте. 

Отправка POST с cURL

Иногда необходимо  с помощью cURL отправить данные через POST, простой рабочий пример:

	$name = 'Иван';

    $surname = 'Иванов';

    //данные, передаваемые через POST 

    $postData = array(

         'name' => $name,

         'surname' => $surname

     );

     $url = 'http://myaddress.ru'; //адрес,куда посылаем запрос

     $curl = curl_init($url);

     curl_setopt($curl, CURLOPT_POST, true);

     curl_setopt($curl, CURLOPT_POSTFIELDS, $postData);

     curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);

     $result = curl_exec($curl);

     if(curl_errno($curl)){

         throw new Exception(curl_error($curl));

     }

     curl_close($curl);