Главная » Файлы » Скрипты для uCoz » Меню

Своё меню при клике правой кнопки мышки на вашем сайте через плагин Proto.Menu на javascript
23.06.14, 13:52:37

Скачать файл




Знаю, что многие из вас хотели бы заменить стандартное контекстное меню правого клика в браузере на своё личное. Ваша мечта, к счастью, осуществима!

Для начала посмотрите ДЕМО

Установка:

После /head на нужных страницах вставляйте:
Код
<link rel="stylesheet" href="/css/proto.menu.css" type="text/css" media="screen" />

<script type="text/javascript" src="/js/prototype.js"></script>
<script type="text/javascript" src="/js/effects.js"></script>
<script type="text/javascript" src="/js/proto.menu.js"></script>

<script type="text/javascript">
Element.addMethods({  
getNumStyle: function(element, style) {  
var value = $(element).getStyle(style);  
return value === null ? null : parseInt(value);  
}  
});  
document.observe('dom:loaded', function(){  
var myMenuItems = [  
{  
name: 'New',  
className: 'new',  
callback: function(e) {  
var tagName = e.element().tagName.toLowerCase(),  
x = e.screenX,  
y = e.screenY;  
alert('you clicked on <' + tagName + '> element at x: ' + x + ', and y: ' + y);  
}  
},{  
separator: true  
},{  
name: 'Edit',  
className: 'edit',
callback: function() {  
alert('Forward function called');  
}  
},{  
name: 'Copy',  
className: 'copy',
callback: function() {  
alert('Copy function called');  
}  
},{  
name: 'Delete',
disabled: true,  
className: 'delete'  
},{  
separator: true  
},{  
name: 'Save',  
className: 'save',  
callback: function() {  
alert('Saving...');  
}  
},{  
separator: true  
},{  
name: 'Save as .xsl',  
className: 'xsl',  
callback: function() {  
alert('Saving as .xsl');  
}  
},{  
name: 'Save as .doc',  
className: 'doc',  
callback: function() {  
alert('Saving as .doc');  
}  
},{  
name: 'Save as .pdf',  
className: 'pdf',  
callback: function() {  
alert('Saving as .pdf');  
}  
},{  
separator: true  
},{  
name: 'Send to...',  
disabled: true,  
className: 'send'  
}  
]  

new Proto.Menu({  
selector: '#desc',  
className: 'menu desktop',  
menuItems: myMenuItems  
})  
});  
</script>


Контент, в котром правый клик будет заменяться на ваше меню, обрамляется так:
Код
<div id='desc'>  
  Ваш контент  
  </div>


Осталось лишь залить три скрипта из прикреплённого архива в папку js, стиль в папку css и все картинки в папку images

Материал подготовлен Apocalypse по просьбе пользователя Кибермонстр
Категория: Меню | Добавил: Apocalypse | Теги: сайте, клике, при, на, мышки, вашем, правой, Своё, Меню, Кнопки
Просмотров: 281 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: