Melnaron » jQuery

Content Assist для jQuery в Eclipse

Melnaron — Sat, 29 Oct 2011 17:53:11 +0000

Если в своих проектах вы используете библиотеку jQuery и работаете в такой популярной IDE как Eclipse, то вам, видимо как и нам, точно должно нехватать удобного Content Assist’а для просмотра и подстановки нужных jQuery-методов. И почему команда jQuery не выпустит специальную неминимизированную версию с нормальными комментариями к методам в формате JSDoc?! Скорее всего у них, так же как и у нас, очень много работы, и тратить свое время на написание специального файла покрывающего документацией весь функционал всех методов jQuery они не могут. А мы в свою очередь иногда не можем (не хотим) позволить себе просматривать документацию в поисках нужного метода. И тут нам поможет Content Assist для JavaScript в Eclipse…

Что нужно для того чтобы научить Content Assist показывать все методы jQuery после ввода $(…).| или после $.|: нужно найти специально сформированный JSDoc-файл который покрывает все методы jQuery комментариями со специальным форматированием в которых указаны все параметры методов с типами, а так же возможно простые примеры использования того или иного метода.

Скачать подобного рода файлы можно например отсюда или же отсюда. К сожалению первый файл достаточно старый и покрывает только методы jQuery версии 1.3, а вот второй уже ориентирован на версию 1.6, но на счет его полноты у нас есть некоторые сомнения.

Далее установка. В Eclipse открываем настройки: Window -> Preferences, в открывшемся окне настроек идем в ветку JavaScript -> Include Path -> User Libraries, добавляем новую библиотеку например с именем jQuery и в ней добавляем один из скачанных выше файлов. Готово, осталось немного настроить нужный нам проект на поддержку Content Assist’ом добавленной только что библиотеки. Для этого открываем свойства нужного проекта и идем в ветку JavaScript -> Include Path, где на вкладке Libraries добавляем созданную нами User Library. Все. Теперь в JS-файлах можно будет пользоваться Content Assist’ом на предмет автодополнения jQuery-методов!

Запрет вызова контекстного меню браузера при помощи jQuery

Melnaron — Thu, 12 May 2011 18:19:53 +0000

Допустим у нас есть изображение при правом клике мыши на которое вы не хотите чтобы отображалось контекстное меню браузера, или же вы хотите отобразить свое контекстное меню для какого-то элемента на странице…

Для отлова события при клике на элемент правой кнопкой мыши есть параметр “oncontextmenu”:

1	<img src="..." oncontextmenu="return false;"/>

Код “return false;”, который выполняется при наступлении этого события в примере выше, приводит к тому что контекстное меню не показывается. Тут так же можно разместить вызов любого вашего метода для отображения вашего контекстного меню…

Но что если возможности добраться напрямую к html-коду того или иного элемента у вас нет? Например в одном из наших проектов нужно было запретить контекстное меню при клике правой кнопкой на всплывающем просмотрщике изображений Fancybox. Конечно же ковырять и изменять подключаемую библиотеку не хотелось и было найдено очень простое и в то же время действенное решение: назначение обработчика события “oncontextmenu” при наступлении события “mousedown”…

1
2
3
4
5
6
7

$('#fancybox-wrap').delegate('#fancybox-outer', 'mousedown', function(e) {
if (e.which == 3) {
$(this)[0].oncontextmenu = function() {
return false;
}
}
});

e.which в данном случае содержит код кнопки мыши которая была нажата: 1 – левая, 2 – средняя, 3 – правая. jQuery в данном случае унифицирует коды именно так, потому что в разных браузерах они немного отличаются друг от друга. Например в IE коды нативные коды 1, 4, 2 соответственно.

Таким образом мы легко можем поймать событие клика правой кнопкой мыши на любом элементе веб-страницы, запретить отображение контекстного меню браузера и, например, отобразить над этим элементом свое контекстное меню.

Данный код проверен и работает в следующих браузерах которые оказались под рукой: Google Chrome 11, Internet Explorer 9, Firefox 4, Opera 11, Safari 5.

MEL.Sound: Обновление 1.2.2

Melnaron — Sat, 23 Feb 2008 10:32:10 +0000

Обновился проект MEL.Sound. Изменения:

jQuery версии 1.2.3 (последняя на данный момент);
Исправлен баг, когда анимация повторялась несколько раз при быстром, многократном включении/отключении звуков;
Картинки для анимации включения/отключения звуков были слиты в одну;
В браузерах Firefox и Opera анимация включения/отключения звуков теперь всегда отображается в середине окна, вне зависимости от скролла;

Скачать новую версию можно со страницы проекта.

MEL.Tipper: Обновление 1.2

Melnaron — Sun, 04 Nov 2007 20:07:54 +0000

В новой версии исправлено позиционирование тултипа справа и снизу около границы окна, когда тултип вылезал за границу и из-за этого появлялся скроллинг. Также появилась новая функция tip, которая теперь добавляет и удаляет тултип. Прочитать подробнее о изменениях, а также посмотреть демо и скачать виджет можно здесь.

MEL.Tipper: jQuery Tooltips Widget

Melnaron — Tue, 09 Oct 2007 15:34:51 +0000

Мне наконец-то надоело использовать сторонние скрипты для отображения подсказок к различным элементам на web-страницах и я решил написать свой для этих целей. Итак, хочу расказать что получилось! А получился не просто скрипт, а jQuery Widget. Установка не требует никаких специальных действий, ненужно в BODY страници добавлять DIV с ID=”Tooltip”, ненадо ничего инициализировать при window.onload, просто добавляем скрипт в HEAD страници и все! Можно использовать! А использовать еще проще! Скачать виджет и посмотреть примеры его использования можно здесь.

MEL.Sound: Небольшое обновление

Melnaron — Thu, 16 Aug 2007 22:02:14 +0000

Вот и заканчивается отпуск.. Начинаю усиленно работать над 2.х-версией чата, а для начала небольшое обновление звуковой библиотеки. Итак, теперь для использования MEL.Sound необходима библиотека jQuery (входит в комплект). С ее помощью вместо неприятных всплывающих сообщений о включении/отключении звуков появились плавно появляющиеся иконки в центре экрана. Также в архив добавлен третий звук, а в ближайшее время я планирую добавить небольшую подборку звуков для различных действий. Опробовать и посмотреть изменения можно здесь.

Update: Прошу прощения за битый архив mel.sound_1.2.rar, теперь он НЕ битый, проверено!

MEL.Sound: Новые функции

Melnaron — Thu, 21 Jun 2007 13:44:32 +0000

Вышла новая версия MEL.Sound 1.1. В этой версии скрипта добавлена такая возможность, как включение/отключение проигрывания звуков двумя разными способами. Описание проекта MEL.Sound уже содержит ссылку на скачивание новой версии и информацию о новой возможности.

MEL.Sound: Озвучиваем сайт

Melnaron — Sun, 17 Jun 2007 21:49:57 +0000

Как озвучить действия на сайте (не flash), например нажатие на кнопку? Или как с помощью JavaScript’а проигрывать короткие звуки аля “чпок” или “квак“? Только одним JavaScript’ом конечно не обойтись! Итак, представляю небольшой скрипт для проигрывания звуков с использованием мини-flash-роликов – MEL.Sound.