Рубрика: javascript

  • jQuery. Javascript. Как ограничить ввод в поле телефона

    При создании формы обратной связи или формы «Перезвоните мне» обязательно надо делать поле «Ваш телефон», которое, также обязательно, следует проверять и валидировать. Есть множество вариантов реализации — сложные — например, с применением регулярных выражений, или простые — с обычной фильтрацией символов. Так или иначе — я приведу вариант, который далек от идеала — да, в…

  • 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 ); } Этот код при перемещении курсора мышки будет писать в консоль координаты перемещения курсора.

  • Php. Javascript. Как определить локацию пользователя?

    Совсем недавно нужно было решить задачу, связанную с показом различного контента для посетителей с разных стран. Решил ее при помощи API Яндекса, но какая-то «костыльность» решения не давала мне покоя. И вот я нашел до ужаса простое решение этой задачи, которым хочу поделиться. Для определения местоположения будем использовать сторонний ресурс — http://ipinfo.io/. Обращаясь к нему…

  • Javascript. Аналог функции isset()

    Всегда интересно проводить параллели между разными языками программирования, сравнивать какие-то основные и ключевые моменты. Вот, например, сегодня я расскажу о аналоге php-метода isset() в Javascript. Аналогом данного метода является следующее условие: typeof( somevar ) != ‘undefined’ && somevar !== null Это выражение возвращает true в случае, если переменная somevar объявлена и существует. Вы можете использовать…