Hola, quiero hacer una funcion que a partir de un tema, despliegue a sus "hijos" debajo de él, algo como en el explorador de windows ¿como le puede hacer?
;) De antemano gracias.
06/06/2002, 10:20
| |||
| |||
| Arbol en JavaScript Hola, quiero hacer una funcion que a partir de un tema, despliegue a sus "hijos" debajo de él, algo como en el explorador de windows ¿como le puede hacer? ;) De antemano gracias. |
|
06/06/2002, 15:18
| ||||
| ||||
| Re: Arbol en JavaScript para vos bombon! ;) <html> <head> <title> Carpetas IE </title> <style> <!-- #foldheader{cursor:hand ; font-weight:bold ; list-style-image:url(fold.gif)} #foldinglist{list-style-image:url(list.gif)} //--> </style> <script language="JavaScript1.2"> <!-- /** * Based on Folding Menu Tree * Dynamic Drive (www.dynamicdrive.com) */ var head="display:''"; img1=new Image(); img1.src="fold.gif"; img2=new Image(); img2.src="open.gif"; function change(){ if(!document.all) return if (event.srcElement.id=="foldheader") { var srcIndex = event.srcElement.sourceIndex var nested = document.all[srcIndex+1] if (nested.style.display=="none") { nested.style.display='' event.srcElement.style.listStyleImage="url(op en.gif)" } else { nested.style.display="none" event.srcElement.style.listStyleImage="url(fo ld.gif)" } } } document.onclick=change //--> </script> </head> <body bgcolor="#FFFFFF"> <ul> <li id="foldheader">News</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.cnn.com">CNN</a></li> <li><a href="http://www.abcnews.com">ABC News</a></li> <li><a href="http://www.vancouversun.com">Vancouver Sun</a></li> </ul> <li id="foldheader">Games</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.gamespot.com">GameSpot</a></li> <li><a href="http://www.happypuppy.com">Happy Puppy</a></li> <li><a href="http://www.gamecenter.com">Game Center</a></li> </ul> <li id="foldheader">Software</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.download.com">outer 1</a></li> <li><a href="http://www.hotfiles.com">outer 2</a></li> <li id="foldheader">Nested</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.w |
