-
OpenLayers. Как изменить Base Layer и Overlays?
При использовании OpenLayers в большистве случаев нужно изменить стандартные заголовки в LayerSwitcher. Например, на русский или, что еще более вероятно — на мультиязчный вариант. К сожалению, стандартными средстами OpenLayer добиться результата нельзя — как бы странно это не было — но в библиотеке нет метода, при помощи которого можно изменить указаные записи. Но, есть один…
-
jQuery. Ошибка $.browser is undefined.
Возникновение ошибки связано с переходной версией jQuery 1.9 у которой есть критические исправления, несовместимые с предыдущими версиями. Совет один и простой — пользуйтесь новыми версиями. Но, если выхода нет и вопрос стоит ребром — попробуйте решить проблему подключением еще одного скрипта: Его задача — решать именно проблемы совместимости старых и новых версий. В моем случае,…
-
Javascript. Css. Пример крутого 3D-эффекта
Сегодня натолкнулся на очень крутой материал о 3D эффектах при помощи, практически чистого CSS — с маленькой примесью Javascript. Хочу привести пример и у себя в блоге — т.к. искренне впечатлен тем, насколько развивается web-отрасль. Итак, мини-разбор примера здесь. Демо здесь. Скачать и пощупать пример можно тут.
-
Javascript. Как узнать код кнопки?
-
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 ); } Этот код при перемещении курсора мышки будет писать в консоль координаты перемещения курсора.
-
Bootstrap Switch. Событие onchange.
При работе с bootstrap switch интуитивно мы пытаемся ловить callback на сам checkbox, при этом не получаем желаемого результата. Разгадка кроется в использовании события onSwitchChange для bootstrap switch. Например: $(‘#show-all’).bootstrapSwitch({ onText: ‘Да’, offText: ‘Нет’, onSwitchChange: function(event, state) { if( state ){ alert(‘Состояние включен!’); } else{ alert(‘Состояние выключен!’); } } }); Как видите, анонимная функция принимает…
-
Php. Javascript. Как определить локацию пользователя?
Совсем недавно нужно было решить задачу, связанную с показом различного контента для посетителей с разных стран. Решил ее при помощи API Яндекса, но какая-то «костыльность» решения не давала мне покоя. И вот я нашел до ужаса простое решение этой задачи, которым хочу поделиться. Для определения местоположения будем использовать сторонний ресурс — http://ipinfo.io/. Обращаясь к нему…
-
Javascript. Аналог функции isset()
Всегда интересно проводить параллели между разными языками программирования, сравнивать какие-то основные и ключевые моменты. Вот, например, сегодня я расскажу о аналоге php-метода isset() в Javascript. Аналогом данного метода является следующее условие: typeof( somevar ) != ‘undefined’ && somevar !== null Это выражение возвращает true в случае, если переменная somevar объявлена и существует. Вы можете использовать…
-
Php. Как узнать размеры экрана пользователя?
Редко, но случается необходимость определить размер экрана пользователя на уровне серверной части — например, на php. Но, как Вы понимаете — на серверной части узнать, на каком экране отображается страница невозможно.. Но. Невозможно узнать без применения небольшой хитрости, о которой я сейчас раскажу. Узнать размер экрана можно, используя ajax-запрос с клиента на сервер. Например, на…