JS - маска телефона для ввода в INPUT
21.11.2016
#JavaScript #jQuery #WEB #WordPress #WordPress_jQuery
Достаточно часто приходится прибегать к оформлению формы для ввода мобильного телефона, предлагаю Вашему вниманию весьма оригинальную маску для ввода телефонных данных. Приятным бонусом является не допуск на ввод букв, то есть после применения маски пользователь сможет вводить только цифры.[aesop_document caption=”jquery.maskedinput.rar” title=”jquery.maskedinput.rar” src=”https://techblog.sdstudio.top/wp-content/uploads/2020/06/jquery.maskedinput.rar” type=”download”] jQuery(document).ready(function($) { $("#kontaktnyj_nomer_telefona_53").mask("+3 (8099) 999-99-99"); });
21.11.2016
#JavaScript #jQuery #WEB #WordPress #WordPress_jQuery
Достаточно часто приходится прибегать к оформлению формы для ввода мобильного телефона, предлагаю Вашему вниманию весьма оригинальную маску для ввода телефонных данных. Приятным бонусом является не допуск на ввод букв, то есть после применения маски пользователь сможет вводить только цифры.[aesop_document caption=”jquery.maskedinput.rar” title=”jquery.maskedinput.rar” src=”https://techblog.sdstudio.top/wp-content/uploads/2020/06/jquery.maskedinput.rar” type=”download”] jQuery(document).ready(function($) { $("#kontaktnyj_nomer_telefona_53").mask("+3 (8099) 999-99-99"); });
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/
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/
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/
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/
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/
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/
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/
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/
Лайт бокс для всех изображений блога
14.11.2017
#JavaScript #WordPress #WordPress_jQuery #Плагины
Для того что бы изображения (которые имеются массово в наших записях ) блога не открывались во весь экран тем самым заводя посетителя на черный экран новой вкладки, а открывались в приятных лайтбоксах имеется у меня решение ниже: В начале пропишем данный код в файл function.php: //START MediaDoma.com - автоматическое добавление rel="lightbox" к ссылкам на картинки…
https://techblog.sdstudio.top/lajt-boks-dlja-vseh-izobrazhenij-bloga/
14.11.2017
#JavaScript #WordPress #WordPress_jQuery #Плагины
Для того что бы изображения (которые имеются массово в наших записях ) блога не открывались во весь экран тем самым заводя посетителя на черный экран новой вкладки, а открывались в приятных лайтбоксах имеется у меня решение ниже: В начале пропишем данный код в файл function.php: //START MediaDoma.com - автоматическое добавление rel="lightbox" к ссылкам на картинки…
https://techblog.sdstudio.top/lajt-boks-dlja-vseh-izobrazhenij-bloga/
jQuery - перевод текста в зависимости от языка страницы
20.12.2017
#WEB #WordPress #WordPress_CSS #WordPress_HTML #WordPress_jQuery #Все_для_разработки_шаблонов
Думаю не одному мне приходилось сталкиваться с тем что при попытке перевести какой-то элемент плагина или темы, корректно вставить перевод не представляется возможности. Конечно я тоже сочинял какие-то свои интересные грабли которые в итоге не всегда работали. в итоге мной был написан jQuery скрипт благодаря которому происходит отображение текста в соответствии языку текущей страницы. Данный…
https://techblog.sdstudio.top/jquery-perevod-teksta-v-zavisimosti-ot-jazyka-stranicy/
20.12.2017
#WEB #WordPress #WordPress_CSS #WordPress_HTML #WordPress_jQuery #Все_для_разработки_шаблонов
Думаю не одному мне приходилось сталкиваться с тем что при попытке перевести какой-то элемент плагина или темы, корректно вставить перевод не представляется возможности. Конечно я тоже сочинял какие-то свои интересные грабли которые в итоге не всегда работали. в итоге мной был написан jQuery скрипт благодаря которому происходит отображение текста в соответствии языку текущей страницы. Данный…
https://techblog.sdstudio.top/jquery-perevod-teksta-v-zavisimosti-ot-jazyka-stranicy/
WordPress и горячие клавиши на Java Script (быстрый вход в консоль)
27.01.2018
#WordPress #WordPress_jQuery #WordPress_Админка #Все_для_functions_php #Все_для_разработки_плагинов
Многие пользователи задаются вопросом как можно быстро войти в админ панель сайта, во время наполнения контентом или же просто для того чтобы войти в админ панель. Во время разработки, изменения темы и работы связанной с контентом, достаточно часто необходимо выходить из админ панели, и обратно выходить. Для чего на помощь придут всем привычные *wp-admin которые…
https://techblog.sdstudio.top/wordpress-i-gorjachie-klavishi-na-java-script-bystryj-vhod-v-konsol/
27.01.2018
#WordPress #WordPress_jQuery #WordPress_Админка #Все_для_functions_php #Все_для_разработки_плагинов
Многие пользователи задаются вопросом как можно быстро войти в админ панель сайта, во время наполнения контентом или же просто для того чтобы войти в админ панель. Во время разработки, изменения темы и работы связанной с контентом, достаточно часто необходимо выходить из админ панели, и обратно выходить. Для чего на помощь придут всем привычные *wp-admin которые…
https://techblog.sdstudio.top/wordpress-i-gorjachie-klavishi-na-java-script-bystryj-vhod-v-konsol/