Buenas, estoy creando mi página con el Web designer, pero me encuentro ante un problema que por el momento no consigo solucionar, tengo 3 popups que aparecen cuando se clica en las opciones (sobre nosotros.. contacto.. etc) para no tener que redireccionar a otra pagina exclusiva.
El problema es que se superponen entre ellos, en realidad, quiero que cuando haga click en una opción, salte el POP-up ocultando el anterior que estaba activado, (si lo hubiese)
Gracias!
Hola tienes que crear capas nuevas y luego haces los enlaces a dichas capas.
Entra en la web de pruebas y haz clik en las bombillas para verlo, esta creado de forma rápida tu tienes que mejorar el diseño. Un saludo
http://www.picomartillo.magix.net/public/zona4/#xl_xr_page_tienda
Es ese efecto exactamente el que quiero.
Tengo desde el principio los botones enlazados a las capas Pop-up, con la configuración de que no puedan desaparecer automaticamente. El resultado sigue siendo el mismo, se colocan uno encima de otro y hasta que no cierras el anterior permanece ahí. No encuentro más opciones de personalización al respecto...
Mi objetivo es conseguir lo de las bombillas, que dependiendo del boton, la info cambia y el pop-up anterior se cierra automaticamente, poniendo en su lugar el nuevo.
Prueba a ponerlos todos del mismo tamaño. Un saludo.
Vale, ya entiendo la diferencia del ejemplo de las bombillas y lo que yo intento conseguir.
El ejemplo de las bombillas esta realizado con 3 capas, en las que está marcada la opción "cerrar popup automaticamente", lo que quiere decir que en cuanto se hace click en cualquier parte de la pantalla (excepto en el boton que la a accionado) el pop up se cierra. Por ello, da la sensación que al hacer click en las otras bombillas/botones, la información cambia, cuando en realidad, esta cerrando el popup anterior y mostrando el nuevo.
El problema es que si yo en uno de estos popups coloco un texto que pretendo que pueda ser seleccionado con el raton y copiado, o por ejemplo, que en el popup se encuentre una galería de imagenes, en cuanto se realiza click (para seleccionar contenido) desaparece.
Yo necesito esta funcionalidad (Es decir, que la info de las capas que son accionadas queden siempre por encima de la capa anterior, y su contenido pueda ser clickable- seleccionar elementos, etc, sin que esta capa desaparezca) pero parece ser solamente posible con la opción de "Cerrar popup automaticamente" desenmarcada, lo que obliga al usuario a tener que cerrar por su propia cuenta el popup. Sino, al hacer click en los botones que accionan los distintos Popups, se colocan unos sobre otros sin dejar regresar al anterior. (segun el orden en el que hemos colocado nuestras capas)
Espero conseguir empezar a explicarme, si alguien sabe como podría resolverse el dilema bienvenido sea!
Gracias a Carlos por ser tan atento ^^
prueba con esto
añade este código al head de la página borra los asteristicos
*<script type='text/JavaScript'>
function blmostrocult(blconted) {
var c=blconted.nextSibling;
if(c.style.display=='none') {
c.style.display='block';
} else {
c.style.display='none';
}
return false;
}
</script>*
y añade mediante marcador de lugar en body este otro
*<a onclick="return blmostrocult(this);" style="cursor: hand; cursor: pointer;">ver más texto</a><div style="display: none;">
Había una vez, en pleno invierno, una reina que se dedicaba a la costura sentada cerca de una ventana con marco de ébano negro. Los copos de nieve caían del cielo como plumones. Mirando nevar se pinchó un dedo con su aguja y tres gotas de sangre cayeron en la nieve. Como el efecto que hacía el rojo sobre la blanca
</div>*
modifica el texo y borra los asteristicos