Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/09/2014, 06:21
Avatar de AngelMarine
AngelMarine
 
Fecha de Ingreso: enero-2014
Ubicación: Madrid
Mensajes: 79
Antigüedad: 11 años, 1 mes
Puntos: 0
Pregunta ¿Onclick con doble función?

Hola, el siguiente código: onclick="document.getElementById('contenido').styl e.right='-150px';" hecha hacia un lado el contenido general y deja ver un menu lateral que se encuentra debajo de dicho contenido.

Como verán es un script muy sencillo, lo único que hace es desplazar el div contenedor - (menos) 150 píxeles a la derecha y aparece otro div con menor z-index debajo.

Bueno, el problema está en que al dar click en el botón con la función onclick ocurre el suceso, pero........ ¿¿¿y luego para volver a su posición original???.

Se me ocurre esto, sin embargo, aún no anda:

<div id="contenido" onclick="mostrarMenu(this)">
<div>...</div>
</div>


<script language="javaScript">

function mostrarMenu(objeto){
document.getElementById('contenido').style.right='-150px';
objeto.onclick = function(){esconderMenu(objeto)};
}

function esconderMenu(objeto){
document.getElementById('contenido').style.right=' 0px';
objeto.onclick = function(){mostrarMenu(objeto)};
}
</script>

Última edición por AngelMarine; 24/09/2014 a las 06:38