-
Javascript. jQuery. Как разрешить ввод определенных символов?
Задача в ограничении ввода символов в input очень распространенная. Фильтрация номеров телефона, email встречаются очень часто. Сегодня приведу простой пример — без регулярных выражений — как ограничить ввод символов в текстовое поле. Сначала пример попроще для общего понимания идеи: $(‘input’).on(‘keyup keypress’, function(e) { var letters=’ +-()1234567890′; return (letters.indexOf(String.fromCharCode(e.which))!=-1); }); Данный пример решает задачу — т.е.…
-
Javascript. jQuery. Как узнать координаты курсора мышки
Сегодня понадобилось определять координаты мышки, но не на конкретном элементе, а на всей странице. Для получения координат следует использовать следующий код: document.onmousemove = function mouseMove(event){ console.log( event.clientX, event.clientY ); } Этот код при перемещении курсора мышки будет писать в консоль координаты перемещения курсора.
-
Html5. Новые атрибуты для ссылок.
Html5 принес очень много полезных нововведений, облегчающих и упрощающих множество рутинных моментов для разработчиков. Ко всему прочему, среди этих нововведений присутствуют некоторые новые атрибуты для ссылок о которых и пойдет речь. Атрибут download Часто встречается ситуация, в которой необходимо отдать пользователю тот или иной файл на скачивание. По большому счету, это не есть проблема. Но…
-
Bootstrap Switch. Событие onchange.
При работе с bootstrap switch интуитивно мы пытаемся ловить callback на сам checkbox, при этом не получаем желаемого результата. Разгадка кроется в использовании события onSwitchChange для bootstrap switch. Например: $(‘#show-all’).bootstrapSwitch({ onText: ‘Да’, offText: ‘Нет’, onSwitchChange: function(event, state) { if( state ){ alert(‘Состояние включен!’); } else{ alert(‘Состояние выключен!’); } } }); Как видите, анонимная функция принимает…
-
Css. Разница между :nth-child и :nth-of-type (:last-child и :last-of-type)
Использование псевдоклассов в css очень удобно. Применение, в частности, :nth-child, :nth-of-type, :last-child,:last-of-type позволяют сделать разметку более гибкой и легкой, зачастую позволяя избежать использования лишних классов. Но часто бывает не понятна разница между интуитивно схожими формулировками, например, last-child и last-of-type. Давайте разберем на примере :nth-child и :nth-of-type. К примеру есть вот такая разметка: Привет Пользователь Чтобы…
-
Php. Javascript. Как определить локацию пользователя?
Совсем недавно нужно было решить задачу, связанную с показом различного контента для посетителей с разных стран. Решил ее при помощи API Яндекса, но какая-то «костыльность» решения не давала мне покоя. И вот я нашел до ужаса простое решение этой задачи, которым хочу поделиться. Для определения местоположения будем использовать сторонний ресурс — http://ipinfo.io/. Обращаясь к нему…
-
Smarty. Как вывести переменную в удобном формате?
Работая в php мы постоянно делаем вывод каких-то переменных, массивов, чтобы просмотреть их содержимое на определенном этапе выполнения. Сегодня, выводя шаблон на smarty, поймал себя на мысли, что не знаю как вывести переменную — массив, например, — в удобном, читаемом формате. Для того, чтобы вывести переменную в удобном виде воспользуйтесь командой: {$result|@debug_print_var} В результате мы…
-
Smarty. Как вывести все переменные?
Сегодня очень долго возился, не понимая, почему в smarty не могу достучаться до 100% переданной переменной. В результате один коллега подсказал, как вывести все переменные, переданные в smarty. Итак, все предельно просто — в любом месте Вашего шаблона вставьте строку: {debug} И это все! Теперь при загрузке во всплывающем окне Вы получите список всех доступных…
-
Javascript. Аналог функции isset()
Всегда интересно проводить параллели между разными языками программирования, сравнивать какие-то основные и ключевые моменты. Вот, например, сегодня я расскажу о аналоге php-метода isset() в Javascript. Аналогом данного метода является следующее условие: typeof( somevar ) != ‘undefined’ && somevar !== null Это выражение возвращает true в случае, если переменная somevar объявлена и существует. Вы можете использовать…
-
Php. Как узнать размеры экрана пользователя?
Редко, но случается необходимость определить размер экрана пользователя на уровне серверной части — например, на php. Но, как Вы понимаете — на серверной части узнать, на каком экране отображается страница невозможно.. Но. Невозможно узнать без применения небольшой хитрости, о которой я сейчас раскажу. Узнать размер экрана можно, используя ajax-запрос с клиента на сервер. Например, на…