[html]duda codigo

KURAMA · #1 (**permalink**) 07-Apr-2008, 16:42

a ver estoy haciendo una pagina web y tengo en un lado un marco con un indice y todo eso.
el problema es que quiero que cuando me ponga encima de un botón se despliegue y aparezcan los que hay escondidos.
he provado con esto pero mientras los botones están ocultos queda el espacio de ellos y se ve muy feo, xd

Código:

<script language="javascript">
function aparecer(capa) {
document.getElementById(capa).style.visibility='visible';
}
function ocultar(capa){
document.getElementById(capa).style.visibility='hidden';
}
</script>

Código:

<div id="capa1" onmouseover="aparecer('capa2')"	 onmouseout="ocultar('capa2')">
<img src="imagen"><br>
<div id="capa2" style="visibility:hidden">
<img src="imagen2" border="0"></a><br>
<img src="imagen3" border="0"></a>
</div></div>

gracias por adelantado

yousesshomaru · #2 (**permalink**) 07-Apr-2008, 16:47

lo que buscas se conoce como menubar hay miles de codigos para hacer eso pero yo prefiero usar flash porq se puede hacer mas vistoso,

pero como estas usando javascript te dejo un ejemplo para que lo probes!

Saludos Humano!!!

Mancifer · #3 (**permalink**) 07-Apr-2008, 23:58

Cita:

Iniciado por KURAMA

a ver estoy haciendo una pagina web y tengo en un lado un marco con un indice y todo eso.
el problema es que quiero que cuando me ponga encima de un botón se despliegue y aparezcan los que hay escondidos.
he provado con esto pero mientras los botones están ocultos queda el espacio de ellos y se ve muy feo, xd

Código:

<script language="javascript">
function aparecer(capa) {
document.getElementById(capa).style.visibility='visible';
}
function ocultar(capa){
document.getElementById(capa).style.visibility='hidden';
}
</script>

Código:

<div id="capa1" onmouseover="aparecer('capa2')"     onmouseout="ocultar('capa2')">
<img src="imagen"><br>
<div id="capa2" style="visibility:hidden">
<img src="imagen2" border="0"></a><br>
<img src="imagen3" border="0"></a>
</div></div>

gracias por adelantado

Lo que noto ahi es que no se de donde salen los cierres de anchor esos (</a>), aunque no se si afecten en algo.
Pues has lo que dijo youse, el ejemplo esta bien completo.

DEC · #4 (**permalink**) 16-Apr-2008, 17:25

Si quieres usar el mismo código puedes modificarlo para que el alto (que es lo que te está molestando) ocupe 0px, de modo que quedaría algo así:

Código HTML:

<script language="javascript">
function aparecer(capa) {
     document.getElementById(capa).style.display='block';
}
function ocultar(capa){
   document.getElementById(capa).style.display='none';   document.getElementById(capa).style.height='0px';
}
</script>

Además, te recomiendo que uses en lugar de visibility, display. Tendrás menos problemas.

Saludos.

Temas Similares
Tema	Autor	Foro	Respuestas	Último mensaje
[OT] GBA: Información Variada	Zenbaku	GBA, GBC Y GB	166	06-Dec-2010 03:52
Codigo de activacion Windows Blinds 5	apolox13	Software/Aplicaciones	12	21-Jun-2009 08:54
codigo instalacion black and white 2 battle of goods	chandi	Juegos (On-line, Off-line)	0	29-Sep-2007 20:26
Metallica- Discografía	EddoZeppelion	Música	5	06-Aug-2007 15:30

Los siguientes usuarios agradecieron a yousesshomaru este mensaje:
KURAMA (07-Apr-2008)

(0 miembros y 1 visitantes)