-
jQuery. Ajax. Типичные примеры вызова $.ajax.
Без ajax нынче никуда — поэтому для малоопытных разработчиков приведу несколько примеров типичных вызовов функции $.ajax. Для решения большинства задач этих примеров будет с лихвой достаточно. Итак: Простое обращение к URL и передача параметра в строке запроса. $.ajax({ url: ‘remote.php?act=add’, success: function(data) { $(‘#somediv’).html(data); } }); Данный пример обратится к файлу remote.php c GET-параметром act…
-
jQuery. Ошибка $.browser is undefined.
Возникновение ошибки связано с переходной версией jQuery 1.9 у которой есть критические исправления, несовместимые с предыдущими версиями. Совет один и простой — пользуйтесь новыми версиями. Но, если выхода нет и вопрос стоит ребром — попробуйте решить проблему подключением еще одного скрипта: Его задача — решать именно проблемы совместимости старых и новых версий. В моем случае,…
-
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/. Обращаясь к нему…
-
Php. Как узнать размеры экрана пользователя?
Редко, но случается необходимость определить размер экрана пользователя на уровне серверной части — например, на php. Но, как Вы понимаете — на серверной части узнать, на каком экране отображается страница невозможно.. Но. Невозможно узнать без применения небольшой хитрости, о которой я сейчас раскажу. Узнать размер экрана можно, используя ajax-запрос с клиента на сервер. Например, на…
-
Javascript. Как перегрузить страницу?
Перезагрузка страницы силами javascript — достаточно частая задача, при этом не вызывающая никаких затруднений. Достаточно выполнить следующий код и страница будет перезагружена, как будто Вы нажали F5. location.reload(); Если же Вы просто хотите сделать кнопку «Перезагрузить» — то дайте ей id refresh-btn и добавьте следующий скрипт. $(«#refresh-btn»).on(‘click’, function(){ location.reload(); });
-
jQuery. Полноценная работа с JSON
Библиотека jQuery имеет прекрасный метод $.parseJSON, который помогает преобразовать JSON-строку в объект. Но метода, выполняющего обратные действия, как ни странно, в библиотеке нет. Решить этот вопрос поможет небольшая сторонняя библиотека, расширяющая возможности самого jQuery. Официальная страница библиотеки здесь. Итак, после подключения библиотеки пространство $. расширится четырьмя функциями: // Преобразует javascript-объект jsObj в JSON-строку. $.toJSON(jsObj):string //…