Бывает так что какие-то элементы, имеющие одинковое событие, у нас на странице динамически добавляются, перезагружаются и удаляются. Что бы не делать bind после каждого такого действия существует в jQuery специальная функци live. В отличии от функции bind, она привязывает функцию на событие не на конкретный элемент(ы), а на селектор. Т.е. вы можете свободно добавлять новые элементы, удовлетворающие этому селектору, и они автоматически будут реагировать на заданное событие. В отличии от bind, которое привязывает к конкретному элементу. Читать далее...

При активном использовани ajax'а на странице, может сложиться ситуация, когда необходимо выстраивать последовательную цепочку запросов к серверу и обработку ответов в том же порядке. Для решения данной проблемы есть два метода:

1. В каждом ответе передовать JS код который будет вызывать следующую команду

1. Организовать стек с командами, каждая последующая будет выполняться после выполнения предыдущей

Читать далее...

При поиске элементв jQuery эаписывает количество найденных в свойство length. На основе этого можно сделать проверку на существование любого селектора:
Читать далее...

В JavaScript количество свойств у объекта можно узнать с помощью специального ключевого свойства __count__ . Например: Читать далее...

Конечно же полноценный пинг на JS сделать нельзя, потому что он не дает возможности формировать и получать ICMP пакеты. Но можно схитрить и для пинга использовать объект image. В нем указать адрес картинки на пингуемом сервере. По событиям error и load определять доступность сервера. В коде это будет выглядить как-то так:
Читать далее...

Производить поиск в гугле и работать с результатами можно с помощью API. Для любого языка можно отправлять get запросы и получать ответы в JSON. Для JavaScript можно использовать классы, предоставляемые google.

Официальная документация по апи http://code.google.com/intl/ru/apis/ajaxsearch/documentation/reference.html. Работа с классами там хорошо описана, впрочем работа через get то же нормально.

Читать далее...

Сделал небольшой скрипт, который позволяет сделать галерею картинок на основе поискового запроса к поиску картинок в google. Дизайн минималистичен и практически отсутствует. Для работы вам достаточно ввести поисковый запрос и нажать кнопку "искать". Перемещаться по результатам поискового запроса можно кнопками или слайдшоу (нужно указать время в секундах и выбрать чекбокс). Поле "начальное смещение" отвечает за то что-бы первая каринтка в галереи была взята после какой-то картинки в поисковой выдачи.
Читать далее...

Как то нужно мне было сделать модальное окно, так что бы оно динамически при смене контента, растягивалось максимально, т.е. что бы не вылазило за пределы экрана и макимально его использовало. Вобщем то задача не сложная, кроме одного нюанса: Читать далее...

Понадобилось мне сделать так что бы при загрузке изображений на сайт через imce можно было удобно их вставлять в запись и навешивать shadowbox эффект (впирнципе для lightbox этот пример переделается элементарно). Читать далее...

Обнаружился баг в друпале: если использовать в форме поле загрузки файла ('#type' => 'file') и файл грузить с помощью друпаловского AHAH. Вроде такого: Читать далее...

Допустим по нажатию кнопки или ссылки нам надо подгрузить аяксово форму в какой-то div. Средствами drupala и с библиотекой jQuery это очень просто делается. Но нам же не надо, что бы страница с формой перегружалась, правда? Следовательно на неё надо повесить ahah. Вот тут то и появиться проблема. Читать далее...

Расскажу как можно легко сделать с помощью jQuey разворачивающиеся меню. Причем нам не понадобиться колдовать с идами или классами элементов меню (присваивать им уникальные индификаторы и так далее). Обо всем позаботиться jQuery.

Собственно мы хотим, что бы у нас было несколько пунктов меню с некоторым текстом в качестве пояснения. При нажатии на пункте меню, нужно что бы текст разворачивался. При повторном соответственно сворачивался. Читать далее...

Заказали сделать парсер одного сайта по размещению вакансий. На нём натолкнулся на интересный способ скрытия мыла, адреса, телефона разместившего объявление. Даже не знаю от кого они его так прячут от ботов спамеров - не похоже (тогда б достаточно было б шифровать только e-mail), возможно от парсинга конкуренских скриптов?:). Собственно вот такой код: Читать далее...

Писал плагин под WordPress, наткнулся на необычную ошибку, которую мне писал файрвокс при работе с формой: document.getElementById("commentform").submit is not a function. Вот так код выглядел, который вызвал ошибку: Читать далее...

Начинал я писать php (собственно не тока его, но и JavaScript и html) в неплохом редакторе AceHTML. Собственно им я и сейчас пользуюсь, так как редактировать html в нем удобнее: забиндены основные теги, наподобии bulder C++ или Delphi сделано редактриование свойств тегов (ставите курсор на нужный тег и в отдельном окне разворачиваются все его свойства, в том числе события и стили). Но вот отлаживать код JavaScript и php было не удобно. С JS было совсем плохо, потому что практически невозможно было понять где ошибка. Но это я решил путем использования Firefox (у него хорошая отладочная консоль для скриптов). Читать далее...