23/09/2003, 08:27
|
| | Fecha de Ingreso: julio-2002 Ubicación: Rancagua - Chile
Mensajes: 494
Antigüedad: 22 años, 4 meses Puntos: 0 | |
Menu en Javascript Alguien me puede ayudar con esto.
Este codigo genera un menu tipo arbol. Pero el espacio que genera para desplegar los submenus es muy grande y no le he podido cambiar.
Aca esta el codigo:
<HTML>
<HEAD>
<style>
<!--
a{text-decoration:none}
.look{font:normal 8pt sans-serif,Arial;color:#ffffff}
.look2{font:normal 11pt sans-serif,Arial;color:#ffffff}
.folding{cursor:hand;text-decoration: underline}
a:hover{color:yellow;text-decoration: underline}
//-->
</style>
<script language="JavaScript">
<!--
img1=new Image()
img1.src="folder.gif"
img2=new Image()
img2.src="open.gif"
ns6_index=0
function change(e){
if(!document.all&&!document.getElementById)
return
if (!document.all&&document.getElementById)
ns6_index=1
var source=document.getElementById&&!document.all? e.target:event.srcElement
if (source.className=="folding"){
var source2=document.getElementById&&!document.all? source.parentNode.childNodes:source.parentElement. all
if (source2[2+ns6_index].style.display=="none"){
source2[0].src="open.gif"
source2[2+ns6_index].style.display=''
}
else{
source2[0].src="folder.gif"
source2[2+ns6_index].style.display="none"
}
}
}
document.onclick=change
//-->
</script>
<TITLE>menu arbol</TITLE>
</HEAD>
<BODY bgcolor="#990000" vlink="#ffffff" link="#ffffff" alink="#ffffff" marginheight="0" topmargin="0">
<br>
<div class="look"><img src="folder.gif" width="34" height="21" align=middle class="folding"><a class="folding"> ACTIVIDADES
Y EVENTOS</a>
<ul class="look2" style="list-style-image: url(file:///C|/prueba/folder.gif);display:none">
<li><a href="file:///C|/prueba/activi(04-2003).html" TARGET="principal"> <font color="#990000">Abril</font></a></li>
<li><a href="file:///C|/prueba/activi(05-2003).html" TARGET="principal"> Mayo</a></li>
<li><a href="file:///C|/prueba/activi(06-2003).html" TARGET="principal"> Junio</a></li>
<li><a href="file:///C|/prueba/activi(07-2003).html" TARGET="principal"> Julio</a></li>
</ul>
</div>
<div class="look"><img src="folder.gif" width="34" height="21" border=0 align=middle class="folding"><a class="folding"> FERIAS
Y DEGUSTACIONES</a>
<ul class="look2" style="list-style-image: url(file:///C|/prueba/folder.gif);display:none">
<li><a href="file:///C|/prueba/ferias(02-2003).html" target="principal"> febrero</a></li>
<li><a href="file:///C|/prueba/ferias(03-2003).html" target="principal"> marzo</a></li>
<li><a href="file:///C|/prueba/ferias(04-2003).html" target="principal"> abril</a></li>
</ul>
</div>
<div class="look"><a href="file:///C|/prueba/noticiasdeinteres.html" target="principal"><img src="folder.gif" width="34" height="21" border=0 align=middle > <u>NOTICIAS
DE INTERES</u></a> </div>
<P><P><P>
<center>
<a href="http://www.invac.org" TARGET="_top"><img src="volver.gif" width="100" height="19" border="0" alt="www.invac.org"></a>
</center>
</BODY>
</HTML>
Ojala que alguien pueda ayudarme.
Salu2 |