Onfor

Рубрика: Frontend

  • Html. Как убрать стрелку из select?

    В современных дизайнах очень часто встречается стилизированный выпадающий список, который проще всего реализовать, убрав стрелку из стандартного select. Чтобы избавиться от стрелки в select используйте следующий сss-код: select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } Этих правил будет достаточно для всех номральных браузеров, но, как всегда, не забываем о самом любимом браузере. Explorer не…

  • Как выполнять php-код в js-файлах?

    Наткнулся на примитивный сниппет, который решает часую задачу. Да, это плохой выход — не тру и т.д. — но иногда гораздо проще сделать в js-файле, чем городить передачу параметров и т.д. Никого не призываю делать плохо — но даю почву для размышлений. Чтобы разрешить выполнение php-скриптов в js-файлах добавьте следующие строки в Ваш htaccess. AddType…

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

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

  • OpenLayers. Проблема с GoogleMaps в BaseLayers.

    Сегодня первая, за две недели и, все равно, короткая заметка о том, как побороть проблему с отображением GoogleMaps в качестве BaseLayers в OpenLayers 2.*. Проблема кроется в самой библиотеке и постоянных изменениях на стороне Google. В моем случае мне помогла замена основного скрипта библиотеки на вот этот: http://dev.openlayers.org/OpenLayers.js

  • OpenLayers. Как изменить Base Layer и Overlays?

    При использовании OpenLayers в большистве случаев нужно изменить стандартные заголовки в LayerSwitcher. Например, на русский или, что еще более вероятно — на мультиязчный вариант. К сожалению, стандартными средстами OpenLayer добиться результата нельзя — как бы странно это не было — но в библиотеке нет метода, при помощи которого можно изменить указаные записи. Но, есть один…

  • Css. Hover для :before (:after)-элементов.

    Очень-очень короткая заметка о совместном использовании псевдоклассов (например, :before, :after) и hover — т.е. изменение свойств псевдоэлементов при наведнии мышки. Собственно, очень короткая заметка — т.к. решение очень простое. .some_class:hover:before { opacity: 1; }

  • 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. Css. Пример крутого 3D-эффекта

    Сегодня натолкнулся на очень крутой материал о 3D эффектах при помощи, практически чистого CSS — с маленькой примесью Javascript. Хочу привести пример и у себя в блоге — т.к. искренне впечатлен тем, насколько развивается web-отрасль. Итак, мини-разбор примера здесь. Демо здесь. Скачать и пощупать пример можно тут.

  • Javascript. Как узнать код кнопки?

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