Главная » 2009 » Апрель » 28 » Вместо правой кнопки своё личное контекстное меню (Javascript)
28.04.2009, 17:25

Вместо правой кнопки своё личное контекстное меню





Code
<html>  <HEAD>  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">  <style>  <!--  .skin0 {  position:absolute;  text-align:left;  width:200px;  border:2px solid black;  background-color:menu;  font-family:Verdana;  line-height:20px;  cursor:default;  visibility:hidden;  }  .skin1 {  cursor:default;  font:menutext;  position:absolute;  text-align:left;  font-family: Arial, Helvetica, sans-serif;  font-size: 10pt;  width:220px;  background-color:menu;  border:1 solid buttonface;  visibility:hidden;  border:2 outset buttonhighlight;  }  .menuitems {  padding-left:15px;  padding-right:10px;  }  -->  </style>    <SCRIPT LANGUAGE="JavaScript1.2">  <!-- Begin  var menuskin = "skin1"; // skin0, or skin1  var display_url = 0; // Show URLs in status bar?  function showmenuie5() {  var rightedge = document.body.clientWidth-event.clientX;  var bottomedge = document.body.clientHeight-event.clientY;  if (rightedge < ie5menu.offsetWidth)  ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;  else  ie5menu.style.left = document.body.scrollLeft + event.clientX;  if (bottomedge < ie5menu.offsetHeight)  ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;  else  ie5menu.style.top = document.body.scrollTop + event.clientY;  ie5menu.style.visibility = "visible";  return false;  }  function hidemenuie5() {  ie5menu.style.visibility = "hidden";  }  function highlightie5() {  if (event.srcElement.className == "menuitems") {  event.srcElement.style.backgroundColor = "highlight";  event.srcElement.style.color = "white";  if (display_url)  window.status = event.srcElement.url;  }  }  function lowlightie5() {  if (event.srcElement.className == "menuitems") {  event.srcElement.style.backgroundColor = "";  event.srcElement.style.color = "black";  window.status = "";  }  }  function jumptoie5() {  if (event.srcElement.className == "menuitems") {  if (event.srcElement.getAttribute("target") != null)  window.open(event.srcElement.url, event.srcElement.getAttribute("target"));  else  window.location = event.srcElement.url;  }  }  // End -->  </script>  </HEAD>    <BODY>  

Нажмите правую кнопку мыши...</p>  <div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();">  <div class="menuitems" url="javascript:history.goback()"></div>  <div class="menuitems" url="index.htm">На главную</div>  <hr>  <div class="menuitems" url="#">JavaScript</div>  <div class="menuitems" url="#">FAQ</div>  <hr>  <div class="menuitems" url="#">Раскрутка</div>  <div class="menuitems" url="#">Спонсоры</div>  </div>  <script language="JavaScript1.2">  if (document.all && window.print) {  ie5menu.className = menuskin;  document.oncontextmenu = showmenuie5;  document.body.onclick = hidemenuie5;  }  </script>  </body>  </html>  
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 3226 | Добавил: antisept | Рейтинг: 0.0/0 |
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]