Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje28-06-2013, 15:45 (UTC)    
Título del mensaje: caja con enlaces desplegable

Saludos como hago para crear una tabla donde en cada renglón al hacer click me lleve o re direccione a otra pagina, pero que sea desplegable, es decir, que lo primero que aparezca sea un botón o palabra que al hacer click me abra varias opciones donde cada una me redireecione a otro sitio, es al estilo de un menú desplegable, y que puede hacer vcarios de estos "menus" dentro de una misma pagina
Mensaje05-07-2013, 11:00 (UTC)    
Título del mensaje: Respuesta

Se hacer lo de el botón, te dejo el código, pero lo de las tablas no:

Botón mostrar

Código:

<div class="divspoiler">
<input type="button" value="Mostrar" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = 'Ocultar'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = 'Mostrar'; }" />
</div><div><div class="spoiler" style="display: none;">
Aquí el contenido que queremos ocultar
</div></div>


Hacer clic a una foto para mostrar

Es lo mismo que con el botón, pero en vez de usar un botón usa una imagen

Código:

<div class="divspoiler">
<img src="URL de la imagen" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
Aquí el contenido que queremos ocultar
</div></div>

______________
EMAILS TO: mpbg@outlook.com
MY WEB: http://www.morepb.es.tl/
MY WEB (WITH 3D DESING): http://www.3d-morepb.es.tl/
-------------------------------------------
A proyect of Q-A - Protected by spamradar (created by Q-A)
(C) Q-A/SPAMRADAR 2012/13 (L: 12.4)
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group