menú con el botón derecho

xurxinho · #1 (**permalink**) 05/04/2009, 01:54

Como estoy empezando en esto y voy a practicar con algo de lo visto en los FAQ's, sólo quiero que me recomendéis algún tutorial que explique de manera simple como utilizar el botón derecho del ratón sobrer una etiqueta html y aparezca una capa con sus opciones, en resumen, un menú emergente. Gracias.

GatorV · #2 (**permalink**) 05/04/2009, 11:31

Tema trasladado desde AJAX

posman · #3 (**permalink**) 05/04/2009, 13:25

Puedes practicar con este codigo

Código HTML:

<html>
<head>
<style>
#submenu {
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
}
</style>
<script>
function ocultarSubmenu() {
	document.getElementById("submenu").style.visibility = "hidden";
}
function mostrarSubmenu(e) {
	if ( e.button )
		if ( e.button != 2 ) return;
	with ( document.getElementById("submenu").style ) {
		visibility = "visible";
		left = e.clientX;
		top = e.clientY;
	}
	return false;
}
</script>
</head>
<body onclick="ocultarSubmenu();" oncontextmenu="return mostrarSubmenu(event);">
<div id="submenu">
	<ul>
		<li>opcion 1</li>
		<li>opcion 2</li>
		<li>opcion 3</li>
	</ul>
</div>
</body>
</html>

Con el boton derecho aparece un DIV con una lista y con el boton izquierdo lo ocultas