JavaScript (JS) - Полезные фишки
21.11.2016
#JavaScript #jQuery #WordPress #WordPress_jQuery

В процессе работы приходится сталкиваться с разного рода однотипными задачами, в данной записи собраны полезные фишки JavaScript которые помогут облегчить разработку начинающим сайтостроителям. Переход по сылке при клике по объекту (без перезагрузки страницы) ссылка откроется в новой вкладке браузера, данный скрипт вставлется в или : onclick="window.open(this.href='http://#'); return false" По клику сменить класс на другой данный скрипт вставлется…

https://techblog.sdstudio.top/javascript-js-poleznye-fishki/

Javascript запрещаем ввод не нужных символов для INPUT
22.11.2016
#JavaScript #jQuery #WEB #WordPress #WordPress_jQuery

Приведу мальенький скрипт который вешается на id INPUT, и запрещает производить ввод и вставку текста в форму. Разрешаем вводить только цифры: $(document).ready(function() { $("#data_rozhdeniya_91").keydown(function(event) { // Разрешаем: backspace, delete, tab и escape if ( event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || // Разрешаем: Ctrl+A (event.keyCode…

https://techblog.sdstudio.top/javascript-zapreshhaem-vvod-ne-nuzhnyh-simvolov-dlja-input/

JavaScript - Отложенная загрузка внешних скриптов или добиваемся повышения в глазах Google Page Speed
02.03.2017
#JavaScript #jQuery #PageSpeed_Insights #WEB #WordPress #WordPress_jQuery

Достаточно часто при тестировании скорости страницы появляется потребность в отложенной загрузке внешних скриптов подключенных к странице. В поисках решения данной проблемы я наткнулся на весьма интересный вариант решения данного вопроса, за которое отдельная благодарность его автору Patrick Sexton.Ниже приведен код который необходимо вставить в конец страницы перед закрывающим body () function downloadJSAtOnload() { var element = document.createElement("script");…

https://techblog.sdstudio.top/javascript-otlozhennaja-zagruzka-vneshnih-skriptov-ili-dobivaemsja-povyshenija-v-glazah-google-page-speed/

JavaScript — Повышаем скорость загрузки страницы при помощи отложенной загрузки изображений
15.03.2017
#WordPress #WordPress_jQuery #Все_для_разработки_плагинов #Все_для_разработки_шаблонов

В этой статье описывается простой способ отложить загрузку изображений без использования JQuery, максимального повышения скорости загрузки страницы. Теперь для Вас не будет являться секретом как разобраться с тяжелыми изображениями, на которые так жестоко ругается гугл при тесте скорости страницы. Одной из главных причин медленной загрузки, это изображения. Для того что б облегчить страдания браузера воспользуемся…

https://techblog.sdstudio.top/javascript-povyshaem-skorost-zagruzki-stranicy-pri-pomoshhi-otlozhennoj-zagruzki-izobrazhenij/

Google Maps API + B-Lazy + King Composer - или отложенная загрузка карт
18.09.2017
#Google #Google_Maps #WordPress #WordPress_jQuery

Задача загрузить карты Google отложено, то есть после того момента когда пользователь доскролил до блока с картой. Для этого нам понадобятся: Знание Google Maps API и и Ваш личный key Подключение библиотеки отложенной загрузки B-Lazy Изображение которое будет отображаться место нашего блока с картой Изображение маркера Вариант 1 — без кастомизации карты (перед блоком с…

https://techblog.sdstudio.top/google-maps-api-b-lazy-king-composer-ili-otlozhennaja-zagruzka-kart/

jQuery - плавный скрол к якорю при переходе с другой страницы сайта или по прямой ссылке
25.10.2017
#JavaScript #jQuery #WordPress #WordPress_jQuery #Все_для_разработки_плагинов #Все_для_разработки_шаблонов

За данный скрипт очень благодарен humster_spb первый его вариант опубликован здесь. Скрипт: jQuery(document).ready(function($) { var myHash = location.hash; //получаем значение хеша location.hash = ''; //очищаем хеш if(myHash[1] != undefined){ //проверяем, есть ли в хеше какое-то значение $('html, body').animate( {scrollTop: $(myHash).offset().top - 110} , 700); //скроллим за полсекунды location.hash = myHash; //возвращаем хеш }; }); В строке «.top…

https://techblog.sdstudio.top/jquery-plavnyj-skrol-k-jakorju-pri-perehode-s-drugoj-stranicy-sajta-ili-po-prjamoj-ssylke/

Popups — запуск попап окна из jQuery функции
13.11.2017
#PopUps #WordPress #WordPress_jQuery #Плагины

Часто при создании сайта требуется открытие попап окон (созданных при помощи плагина Popups) при чем это открытие должно происходить в зависимости от тех, или иных правил. Код ниже служит примером как можно это осуществить. jQuery(document).ready(function($) { /*Центрирование элемента - ФУНКЦИЯ*/ jQuery.fn.center = function() { this.css("position","absolute"); this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop()) +…

https://techblog.sdstudio.top/popups-zapusk-popap-okna-iz-jquery-funkcii/