Publicentral.com - promocion de paginas webpromocion de paginas web
Mostrando Codigo - Javascript
Code

Javascript - Menu al pulsar el boton derecho del raton

Códigos Javascript

Ayudado con css, este script muestra un menu cuando el boton derecho del raton es pulsado.
Visitas: 18,554 - 25/10/2003 0:38:59
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1.  <STYLE type="text/css">
  2.   #Menu{   
  3.     position: absolute;
  4.     top: 100px;
  5.     left: 10px;
  6.     z-index: 2;
  7.     visibility: hidden;
  8.   }
  9.   </STYLE>
  10.   <SCRIPT language="JavaScript" type="text/javascript"><!--    
  11. function Asigna(id,propiedad,valor){
  12.   if(document.layers) eval('document.'+id+'.'+propiedad+'='+valor);
  13.   if(document.all)  eval(id+'.style.'+propiedad+'='+valor);
  14.   if(!document.all&&document.getElementById)   
  15.     eval('document.getElementById("'+id+'").style.'+propiedad+'='+valor);    
  16. }  
  17. var poX=0, poY=0, poD=0, poA=0, poaX=0, poaY=0;
  18. function iniciaMenu(){
  19.    if(document.layers){    
  20.     window.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE);
  21.     window.onMouseDown=pulsa;    
  22.     window.onMouseMove=movimiento;
  23.   }
  24.   else{            
  25.     document.oncontextmenu=pulsa;  
  26.     document.onmousemove=movimiento;
  27.     document.onclick=ApagaMenu;
  28.   }                    
  29. }
  30. function ApagaMenu(){  
  31.   Asigna('Menu','visibility','"hidden"');    
  32. }
  33. function pulsa(pulsacion){
  34.   if((!document.all&&(pulsacion.which!=1))||(document.all&&(event.button!=1))){          
  35.     posicionDelRaton(pulsacion);
  36.     Asigna('Menu','left',poX);  
  37.     Asigna('Menu','top',poY);  
  38.     Asigna('Menu','visibility','"visible"');          
  39.     return false;
  40.   }
  41.   else{
  42.     if(document.layers){
  43.       if((poaX<poX||poaX>poX+document.Menu.document.width)||(poaY<poY||poaY>poY+document.Menu.document.height))
  44.         ApagaMenu();     
  45.     }
  46.     return true;       
  47.   }
  48. }
  49. function movimiento(movimiento2){
  50.   if(document.all){
  51.     poaX=event.x+document.body.scrollLeft;    
  52.     poaY=event.y+document.body.scrollTop;
  53.   }
  54.   else{
  55.     poaX=movimiento2.pageX;  
  56.     poaY=movimiento2.pageY;
  57.   }
  58. }
  59. function posicionDelRaton(e){
  60.   if(document.all){
  61.     poX=event.x+document.body.scrollLeft;      
  62.     poY=event.y+document.body.scrollTop;
  63.     poD=document.body.offsetWidth-poX;     
  64.     poA=document.body.offsetHeight-poY;      
  65.     if(poD>0&&poD<Menu.offsetWidth)
  66.       poX=document.body.scrollLeft+event.x-Menu.offsetWidth;
  67.     else
  68.       poX=document.body.scrollLeft+event.x;
  69.     if(poA>0&&poA<Menu.offsetHeight)
  70.       poY=document.body.scrollTop+event.y-Menu.offsetHeight;
  71.     else
  72.       poY=document.body.scrollTop+event.clientY;
  73.   }
  74.   else{
  75.     poX=e.pageX;          
  76.     poY=e.pageY;
  77.     poD=window.innerWidth-poX;        
  78.     poA=window.innerHeight-poY;                
  79.     if(document.getElementById){             
  80.       if(poD>0&&poD<document.getElementById('Menu').offsetWidth)
  81.         poX=e.pageX-document.getElementById('Menu').offsetWidth;
  82.       else 
  83.         poX=e.pageX;           
  84.       if(poA>0&&poA<document.getElementById('Menu').offsetHeight)
  85.         poY=e.pageY-document.getElementById('Menu').offsetHeight;
  86.       else 
  87.         poY=e.pageY;
  88.     }      
  89.     else{
  90.       if(poD>0&&poD<document.Menu.document.width)
  91.         poX=e.pageX-document.Menu.document.width;
  92.       else 
  93.         poX=e.pageX;           
  94.       if(poA>0&&poA<document.Menu.document.height)
  95.         poY=e.pageY-document.Menu.document.height;
  96.       else 
  97.         poY=e.pageY;
  98.     }  
  99.   }                
  100. }  
  101. // -->
  102. </SCRIPT>
  103.     <DIV id="Menu">
  104.       <TABLE cellpadding=0 cellspacing=0 bgcolor=#cccccc border=1  bordercolor=#000066>
  105.         <TR><TD height=20><A href="http://www.google.com"> Google.com </A></TD></TR>
  106.         <TR><TD height=20><A href="http://www.yahoo.com"> yahoo.com </A></TD></TR>
  107.         <TR><TD height=20><A href="http://www.altavista.com"> Altavista </A></TD></TR>
  108.         <TR><TD height=20><hr></TD></TR>
  109.         <TR><TD height=20><A href="mailto:mi_email@email.com"> Contactame </A></TD></TR>
  110.       </TABLE>
  111.       <SCRIPT language="JavaScript" type="text/javascript"><!--
  112.          iniciaMenu();
  113.       //-->
  114.       </SCRIPT>                            
  115.     </DIV>  
  116. </BODY>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Menu al pulsar el boton derecho del raton" href="http://www.tutores.org/codigo/783/" target="_blank">Menu al pulsar el boton derecho del raton</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
trasnos
4 5
Gracias, lo he probado con firefox y chromium y también funciona
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.