Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.137.176.213
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Своё меню при клике правой кнопки мышки на вашем сайте
Сообщение оставлено 17.04.2011 в 00:27:36 | Сообщение #1

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

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

Установка:

После </head> на нужных страницах вставляйте:

Code
<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>

Контент, в котром правый клик будет заменяться на ваше меню, обрамляется так:

Code
<div id='desc'>  
Ваш контент  
</div>

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

Материал подготовлен Apocalypse по просьбе пользователя Кибермонстр

 

 
   
Сообщение оставлено 27.04.2011 в 21:03:31 | Сообщение #2
Кому понравилось отпишитесь cool
 

 
   
Сообщение оставлено 27.04.2011 в 21:23:46 | Сообщение #3
Супер хаха себе поставлю щас спс
 
 
   
Сообщение оставлено 28.04.2011 в 00:22:39 | Сообщение #4
Посмотрел исходники.. интересно. на PHP сайте можно сделать опциональное меню, стандартное-браузерное или такое и добавить туда функции, но изначально меню для уКоз по-сути бесполезное. разве что опять-таки заблочить правый клик и вписать туда рекламу очередную (((

ЗЫ. Создателям браузерных игр рекомендую.

 
   
Сообщение оставлено 29.04.2011 в 09:49:25 | Сообщение #5
ха, прикольно =)
 
Дедушка Мороз подари на новый год мне "Удаление Замечаний" =)
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика