Контекстное меню
Контекстое меню это выпадающий список действий возможный для определенных объектов, при нажатии на них правой кнопки.
Собственно, мы сталкиваемся с ним каждый день и это самый что не на есть привычный элемент любого интерфейса, так почему бы не включать его на свои веб-проекты?
На самом деле это делается очень легко.
А делать мы это будем с помощью плагина к jQuery, с говорящим названием «ContextMenu», который позволяет отображать меню для отдельных элементов сайта и самое главное привязывать к элементам меню нужные действия.
Сперва создадим само меню и вставим его в любое место страницы:
<div class="contextMenu" id="myMenu1">
<ul>
<li id="open"><img src="folder.png" /> Open</li>
<li id="email"><img src="email.png" /> Email</li>
<li id="save"><img src="disk.png" /> Save</li>
<li id="close"><img src="cross.png" /> Close</li>
</ul>
</div>Как вы могли заметить, код меню — чистый html, то есть меню на 100% изменяемо и стилизируемо.
Теперь применим jQuery к нашему контекстному меню.
$('.demo1').contextMenu('myMenu1', {
bindings: {
'open': function(t) {
alert('Trigger was '+t.id+'\nAction was Open');
},
'email': function(t) {
alert('Trigger was '+t.id+'\nAction was Email');
},
'save': function(t) {
alert('Trigger was '+t.id+'\nAction was Save');
},
'close': function(t) {
alert('Trigger was '+t.id+'\nAction was Delete');
}
}
});Этот код прикрепит контекстное меню к блоку с классом demo1 и определит действия каждого из элементов(срабатывания alert'a).
Мне кажется, что даже человек не особо разбирающийся в программирование уже понял насколько просто это работает.
Ссылки на примеры работы и сайт этого плагина даны ниже. До новых встреч! ;-)
Supports:
Firefox 1.5+
Internet Explorer 6.0+
safary 3.1
opera 9.1 не работает
как заставить работать в Опере ?
А смысл? Сделать стилизированое под дизайн своего сайта? Так весь функционал им не заменишь… Разве что при разработке цмс можно где-то запихнуть.
Я как раз про эти случаи и говорил.
Safari 3.1.2 – не работает.
Согласен с Zodios, но все же очень полезно и может пригодится.
Safari 3.1.2 работает, только если после ПКМ нажать ЛКМ сразу. Вообще плохой пример.
IE 6.0 – не работает :(
в Опере впринципе контекстное меню не работает
В Опере есть настройка — «позволить контролировать правую кнопку мыши». Если ее включить, то меню появляется, но оперовское меню все равно появляется тоже. Поверх.
Хм..странная штука. Ни в ие6, ни в опере не работает. Нафик оно надо.
Господа, ну что возмущаться.
Каков процент пользователей использует те перечисленные браузеры, где не работает?
А, кто написал, что в IE6 не работает? У меня вроде все в порядке.
???
Под оперу не полноценно работает. Я как раз над этим сейчас бъюсь, как сделаю – выложу.
btw. ты в конкурсе поучаствовать не хочешь? про 7 блогов
я ничё не понял
Спасибо за менюшку, очень красивая.
Отписалиб хоть куда второй блок кода пихать? ни так ни сяк не робит даже в ФИРЕФОХЕ
i cant get how you may share like this incredible posts admin very much thanks
oh my god terrific article admin will check out your weblog at all times
you are truly quantity a person admin your running a blog is incredible i constantly check out your website i am certain you will be the top
Fantastic submit admin! i bookmarked your web blog. i’ll appear ahead when you will have an e-mail variety including.
i cant get how you are able to reveal like this incredible posts admin very much thanks
i bookmarked you in my browser admin thank you a lot i might be in search of your next posts
I used to be searching for this good sharing admin much thanks and also have good running a blog bye
you might be genuinely number one admin your blogging is incredible i constantly verify your website i’m positive you will likely be the perfect
Excellent submit admin! i bookmarked your world-wide-web website. i will seem forward should you may have an e-mail listing including.
I used to be curious about your following post admin actually essential this blog super incredible weblog
Greetings thanks for fantastic article i was seeking for this situation very last a couple of days and nights. I’ll look for next valuable posts. Have fun admin.
you’re seriously number one particular admin your running a blog is remarkable i at all times check your web site i’m confident you might be the perfect
you will be definitely variety 1 admin your running a blog is incredible i usually test your blog i am positive you will be the most effective
Seriously necessary article admin good one particular i bookmarked your website page see you in upcoming blog publish.