Бывает так что какие-то элементы, имеющие одинковое событие, у нас на странице динамически добавляются, перезагружаются и удаляются. Что бы не делать bind после каждого такого действия существует в jQuery специальная функци live. В отличии от функции bind, она привязывает функцию на событие не на конкретный элемент(ы), а на селектор. Т.е. вы можете свободно добавлять новые элементы, удовлетворающие этому селектору, и они автоматически будут реагировать на заданное событие. В отличии от bind, которое привязывает к конкретному элементу. Читать далее...
Архив рубрики ‘ JavaScript ’
Стек ajax команд
Автор: SysaninЯнв 12
При активном использовани ajax'а на странице, может сложиться ситуация, когда необходимо выстраивать последовательную цепочку запросов к серверу и обработку ответов в том же порядке. Для решения данной проблемы есть два метода:
- В каждом ответе передовать JS код который будет вызывать следующую команду
- Организовать стек с командами, каждая последующая будет выполняться после выполнения предыдущей
Проверка существаония селектора в jQuery
Автор: SysaninНоя 22
При поиске элементв jQuery эаписывает количество найденных в свойство length. На основе этого можно сделать проверку на существование любого селектора:
Читать далее...
Количество свойств в объекте
Автор: SysaninНоя 22
В JavaScript количество свойств у объекта можно узнать с помощью специального ключевого свойства __count__ . Например: Читать далее...
Ping на JavaScript
Автор: SysaninАвг 28
Конечно же полноценный пинг на JS сделать нельзя, потому что он не дает возможности формировать и получать ICMP пакеты. Но можно схитрить и для пинга использовать объект image. В нем указать адрес картинки на пингуемом сервере. По событиям error и load определять доступность сервера. В коде это будет выглядить как-то так:
Читать далее...
Как работать с результатами поиска google’a
Автор: SysaninАвг 13
Производить поиск в гугле и работать с результатами можно с помощью API. Для любого языка можно отправлять get запросы и получать ответы в JSON. Для JavaScript можно использовать классы, предоставляемые google.
Официальная документация по апи http://code.google.com/intl/ru/apis/ajaxsearch/documentation/reference.html. Работа с классами там хорошо описана, впрочем работа через get то же нормально.
Галерея из результатов поиска в google image
Автор: SysaninАвг 11
Сделал небольшой скрипт, который позволяет сделать галерею картинок на основе поискового запроса к поиску картинок в google. Дизайн минималистичен и практически отсутствует. Для работы вам достаточно ввести поисковый запрос и нажать кнопку "искать". Перемещаться по результатам поискового запроса можно кнопками или слайдшоу (нужно указать время в секундах и выбрать чекбокс). Поле "начальное смещение" отвечает за то что-бы первая каринтка в галереи была взята после какой-то картинки в поисковой выдачи.
Читать далее...
Как растянуть модальное окно или элемент максимально без скролов
Автор: SysaninОкт 12
Как то нужно мне было сделать модальное окно, так что бы оно динамически при смене контента, растягивалось максимально, т.е. что бы не вылазило за пределы экрана и макимально его использовало. Вобщем то задача не сложная, кроме одного нюанса: Читать далее...
Drupal скрещиваем bueditor, imce и shadowbox
Автор: SysaninАвг 25
Понадобилось мне сделать так что бы при загрузке изображений на сайт через imce можно было удобно их вставлять в запись и навешивать shadowbox эффект (впирнципе для lightbox этот пример переделается элементарно). Читать далее...
Баг в AHAH\AJAX при загрузке файлов Drupal
Автор: SysaninИюн 16
Обнаружился баг в друпале: если использовать в форме поле загрузки файла ('#type' => 'file') и файл грузить с помощью друпаловского AHAH. Вроде такого: Читать далее...
Drupal ahah формы загруженые ajax
Автор: Sysaninмая 12
Допустим по нажатию кнопки или ссылки нам надо подгрузить аяксово форму в какой-то div. Средствами drupala и с библиотекой jQuery это очень просто делается. Но нам же не надо, что бы страница с формой перегружалась, правда? Следовательно на неё надо повесить ahah. Вот тут то и появиться проблема. Читать далее...
Делаем разворачивающиеся меню в jQuery
Автор: SysaninАпр 24
Расскажу как можно легко сделать с помощью jQuey разворачивающиеся меню. Причем нам не понадобиться колдовать с идами или классами элементов меню (присваивать им уникальные индификаторы и так далее). Обо всем позаботиться jQuery.
Собственно мы хотим, что бы у нас было несколько пунктов меню с некоторым текстом в качестве пояснения. При нажатии на пункте меню, нужно что бы текст разворачивался. При повторном соответственно сворачивался. Читать далее...
Защита от парсинга страницы
Автор: SysaninФев 7
Заказали сделать парсер одного сайта по размещению вакансий. На нём натолкнулся на интересный способ скрытия мыла, адреса, телефона разместившего объявление. Даже не знаю от кого они его так прячут от ботов спамеров - не похоже (тогда б достаточно было б шифровать только e-mail), возможно от парсинга конкуренских скриптов?:). Собственно вот такой код: Читать далее...
ошибка JavsScript: submit is not a function
Автор: SysaninЯнв 16
Писал плагин под WordPress, наткнулся на необычную ошибку, которую мне писал файрвокс при работе с формой: document.getElementById("commentform").submit is not a function. Вот так код выглядел, который вызвал ошибку: Читать далее...
В чем писать код?
Автор: SysaninНоя 27
Начинал я писать php (собственно не тока его, но и JavaScript и html) в неплохом редакторе AceHTML. Собственно им я и сейчас пользуюсь, так как редактировать html в нем удобнее: забиндены основные теги, наподобии bulder C++ или Delphi сделано редактриование свойств тегов (ставите курсор на нужный тег и в отдельном окне разворачиваются все его свойства, в том числе события и стили). Но вот отлаживать код JavaScript и php было не удобно. С JS было совсем плохо, потому что практически невозможно было понять где ошибка. Но это я решил путем использования Firefox (у него хорошая отладочная консоль для скриптов). Читать далее...