Melnaron » JavaScript

Запрет вызова контекстного меню браузера при помощи 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.

Вызов JavaScript-функции по ее названию

Melnaron — Tue, 10 Jun 2008 16:35:53 +0000

Иногда в JavaScript’е бывает необходимо выполнить функцию зная только ее название, и это название содержится в строке, например вот так:

1	var funcName = 'someFunc';

Перед мной стояла такая задача: в AIR-приложении нужно было выполнять функции, названия которых приходят с AJAX-ответом. Sandbox AIR’а в следствии ограничений безопасности не позволяет выполнять функции при помощи eval’а. Так что, ограничения стояли такие: не использовать функции eval() и setTimeout()/setInterval().

Немного по-google-в я нашел множество вопросов о том как это сделать, но к сожалению без ответов. И решение не заставило себя долго ждать. Итак, идея моя была в следующем: все функции, которые предполагается вызывать таким образом, нужно собрать в одном массиве (объекте), и вызывать их обращаясь к ним как к элементам ассоциативного массива. Вот такое решение получилось в итоге:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

// собираем нужные функции в массиве
var actions = {

someFunc: function(params) {
...
},

goodFunc: function(params) {
...
}

};

// это название функции допустим переданное в ответе на AJAX-запрос
var funcName = 'someFunc';

// а это параметры функции переданные все в том же ответе
var funcParams = {title: "Test Title", content: "Test Content"}

// вызываем функцию
actions[funcName](funcParams);

Если кто-то ищет решение этой задачи, то надеюсь мой небольшой хинт вам в этом поможет!

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.Chat: Новая версия

Melnaron — Fri, 22 Jun 2007 17:55:55 +0000

Пока идет разработка инструментов администрирования, которые появятся в версии 2.0, было решено выпустить промежуточную версию 1.1. В новой версии чата содержатся некоторые изменения и дополнения: звуковые оповещения теперь точно работают во всех совместимых браузерах; добавлена возможность загружать и устанавливать аватару (юзерпик); исправлена проблема когда после обновления страницы нельзя было войти в чат в течении 15 секунд; в именах теперь можно использовать кирилицу. Скачать новую версию можно на странице чата.

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.

MEL.Chat: Started!

Melnaron — Thu, 17 May 2007 21:31:46 +0000

Наконец первая версия MEL.Chat добавлена в проекты на сайте! Также там доступна ссылка для его скачивания и просмотра демо-версии. Комментарии и замечания по поводу его работы пишите в этой записи.