Java
var mouseX; var mouseY; var
var mouseX; var mouseY; var menuState = false;
function getCoord( event ) { mouseX = event.pageX; mouseY = event.pageY; }
function myfunction() { if( document.all ) { if( event.button == 2 event.button == 3 ) { if( !document.all.contextmenu ) return; var menu = document.all.contextmenu; menu.style.left = event.offsetX; menu.style.top = event.offsetY; menu.className = menuState ? "hidemenu" : "showmenu"; menuState = !menuState; } } else if ( document.getElementById ) { if( !document.getElementById( "contextmenu" ) ) return; var menu = document.getElementById( "contextmenu" ); menu.style.left = mouseX; menu.style.top = mouseY; menu.className = menuState ? "hidemenu" : "showmenu"; menuState = !menuState; return false; } }
//--> </script>
<script language="JavaScript" type="text/javascript"> <!-- /*@cc_on @if( true ) document.write( "<body oncontextmenu=\"myfunction(); return false;\">" ); @else*/ document.write( "<body oncontextmenu=\"return myfunction();\">" ); /*@end @cc_off @*/ //--> </script>
<div id="contextmenu" class="hidemenu" style="background-color: Yellow;"> <span><a href="javascript: void( 0 )">Первый пункт меню</a></span><br> <span><a href="javascript: void( 0 )">Второй пункт меню</a></span><br> <span><a href="javascript: void( 0 )">Третий пункт меню</a></span> </div>
</body> </html>
Для тех же, кто желает "погорячее", привожу код, полностью основанный на "условной трансляции" Microsoft ©. Изложенного выше материала вполне достаточно, чтобы разобраться в нем самому.
<html> <head> <meta http-equiv="Content-type" content="text/html; charset=Windows-1251"> <title>Context menu</title> <style type="text/css"> <!-- .hidemenu { display: none; position: absolute; } .showmenu { display: block; position: absolute; } //--> </style>
Forekc.ru
Рефераты, дипломы, курсовые, выпускные и квалификационные работы, диссертации, учебники, учебные пособия, лекции, методические пособия и рекомендации, программы и курсы обучения, публикации из профильных изданий