Контекстное меню
Контекстое меню это выпадающий список действий возможный для определенных объектов, при нажатии на них правой кнопки.
Собственно, мы сталкиваемся с ним каждый день и это самый что не на есть привычный элемент любого интерфейса, так почему бы не включать его на свои веб-проекты?
На самом деле это делается очень легко.
А делать мы это будем с помощью плагина к 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).
Мне кажется, что даже человек не особо разбирающийся в программирование уже понял насколько просто это работает.
Ссылки на примеры работы и сайт этого плагина даны ниже. До новых встреч! ;-)
I’ll not speak about your competence, the write-up basically disgusting
Wow, superb blog layout! How long have you been blogging for? you make blogging look easy. The overall look of your site is excellent, let alone the content!
I am working on an educational website and the owners wanted an article section where I put articles they indicate on the site. The articles come from news/magazine and other online article/new sources. I have been listing ?Article Taken From: (URL)? and a link to the original article. I thought that was enough, but I have heard from a friend that it isn?t. . This site is NOT yet publicly online, so I can change things to be legal before it becomes a legal problem.. . What do I need as a citation to make sure I don?t infringe on anyone?s copyright?. Do I need to do anything else other than listing a citation & link to be legal?. . Thank You all for helping!. SRGR.
There are some interesting cut-off dates in this article but I don’t know if I see all of them middle to heart. There may be some validity but I’ll take maintain opinion until I look into it further. Good article , thanks and we wish extra! Added to FeedBurner as effectively
I have been exploring for a little bit for any high-quality articles or blog posts in this kind of house . Exploring in Yahoo I ultimately stumbled upon this website. Reading this information So iˇ¦m happy to show that I have a very just right uncanny feeling I found out just what I needed. I such a lot undoubtedly will make certain to donˇ¦t overlook this site and give it a look regularly.
There is actually a lot to me to discover outside my guides. Thanks for your great study
I FOUND WHAT I NEED FOR A LONG TIME. FINALLY, I GET IT FROM HERE. TKS VERY MUCH. IT IS REALLY GREAT TO ME.
Magnificent web site. Lots of useful info here. I’m sending it to a few buddies ans also sharing in delicious. And certainly, thank you in your sweat!
After research just a few of the weblog posts on your website now, and I really like your means of blogging. I bookmarked it to my bookmark web site list and will be checking again soon. Pls check out my website as properly and let me know what you think.
I needed to write you one very little note to be able to give thanks again relating to the amazing advice you have provided on this website. It was simply shockingly generous of people like you to convey unreservedly all that some people might have sold as an electronic book to generate some money for their own end, particularly considering that you could possibly have tried it in case you desired. These advice as well worked as a easy way to recognize that most people have a similar dreams like my very own to know the truth more regarding this condition. I am certain there are many more pleasurable opportunities ahead for individuals who look into your blog.
Definitely believe that that you said. Your favourite justification seemed to be on the internet the easiest thing to understand of. I say to you, I definitely get irked while other folks consider worries that they plainly do not know about. You managed to hit the nail upon the highest and defined out the whole thing with no need side effect , people can take a signal. Will probably be again to get more. Thank you!
Enjoyed studying this, very good stuff, appreciate it. «The fox knows many things, but the hedgehog knows one big thing.» by Archilocus.
Sweet blog! I found it while surfing around on Yahoo News. Do you have any suggestions on how to get listed in Yahoo News? I’ve been trying for a while but I never seem to get there! Appreciate it
I believe you have remarked some very interesting points , appreciate it for the post.
I can??t seriously assist but appreciate your weblog website, your internet site is adorable and good