Les presento un script muy sencillo mediante el cual pueden reemplazar el menú contextual predeterminado de su navegador por uno personalizado con opciones a su gusto, ideal para aplicaciones web o simplemente para complicar el "Guardar imagen como...". Además les dejo un par de funciones extra para implementar. Por ejemplo, agregar el botón copiar y pegar accediendo al ClipBoard.
Se implementa de la siguiente forma en cualquier parte del HTML donde cambiarás el menú del click derecho:
Código :
<div id="menu" style="visibility:hidden; position:absolute;"> <div class="opcion" onclick="javascript:funcion();">Mi funcion</div> <div class="opcion" onclick="javascript:funcion();">Mi funcion</div> <div class="opcion" onclick="javascript:funcion();">Mi funcion</div> <div><hr /></div> <div class="opcion" onclick="javascript:funcion();">Mi funcion</div> </div>
Habiendo incluido los archivos de estilo CSS y menuContextual.js.
Aquí pueden verlo funcionando.
Es sólo una base. Espero que les sirva para desarrollarlo un poco más.
¡Saludos!
¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.
ahora estoy trabajando en hacerlo un poco más automatico... o ver de poder crearlo con una funcion e implementar un listener para las acciones... no sé, iré desarrollandolo y los tendré al tanto!
Por Inyaka el 10 de Diciembre de 2008
aunque hacer esto es una mala practica(a mi parecer) común http://www.google.com/search?q=menu+contextual+javascript
Por Inyaka el 10 de Diciembre de 2008
usese con discreción y solo donde sea estrictamente necesario.
y de todos modos felicitaciones por el tip, este o no en acuerdo, me parece bien que quieras aportar a la comunidad
ideal para aplicaciones web
por eso lo escribí en mi primer post... la verdad concuerdo totalmente con ustedes, en cuanto a lo invasivo pero lo pensé más bien al estilo menu contextual de Google Docs,
Sí, a nivel de aplicaciones web, esto en ocasiones puede ser útil. Google Docs restringe el click derecho para mostrar un menú contextual acorde con una aplicación de oficina. Así que puede servir.
en fin, para extender la funcionalidad de las opciones del contexto.... igualmente puede ser mal usado, con solo poner este script y el DIV "menu" vacio estaríamos eliminando cualquier posibilidad de menu contextual...
saludos!!!
Por ?¿? el 29 de Diciembre de 2008
Por Dookie el 15 de Junio de 2009
ahora está arreglado para que funcione en IE también...
avisen cualquier cosa!