Hola a todos,
Espero que me podáis ayudar con este tema:
Necesito hacer un menú desplegable como el siguiente:
1-Proyecto 1
1.1-Fase 1
1.2-Fase 2
1.2.1 Tarea 1
1.3-Fase 3
1.3.1 Tarea 1
1.3.2 Tarea 2
2-Proyecto 2
.
.
.
.
La cantidad y nombre de proyectos, así como fases y tareas las recojo de la base de datos y necesito que se muestre o se oculte cada uno de los hijos al clikar sobre el padre.
El codigo que utilizo es el siguiente:
strSql="Select num_id, nom_proj from sip_projecte
while not objRsCos.Eof
htmlProj="<img src='../html/tree/icons/ball_glass_greenS.gif' height='12px'>"
htmlProj=htmlProj & " <a href='#;'" htmlProj=htmlProj & " onMouseOver=this.style.color='#04B404'; onMouseOut=this.style.color='#000000';"
htmlProj=htmlProj & " onClick=this.style.color='#04B404';>"
htmlProj=htmlProj & "<font color='#04B404'>"&objRsCos("nom_proj") & "</font></a> "
htmlProj=htmlProj & "<img src='../images/page_white_text.png' width='16' height='16' border='0' alt='Informes'> ("&num&")<br>"
response.write(htmlProj)
strSql2="Select num_id, nom_fase from sip_fas_proj where sip_projecte = "& objRsCos("num_id")
while not objRsCos2.Eof
htmlFase="<div id='id_proj_"&objRsCos("num_id")&"' style='display:block'>"
htmlFase=htmlFase & " & nbsp; "
htmlFase=htmlFase & "<img src='../html/tree/icons/ball_glass_RedS.gif' height='12px'><a href='#;'"
htmlFase=htmlFase & " onMouseOver=this.style.color='Red'; onMouseOut=this.style.color='#000000';>"
htmlFase=htmlFase & "<font color='Red'>"&objRsCos2("nom_fase") & "</font></a> "
htmlFase=htmlFase & "<img src='../images/page_white_text.png' width='16' height='16'"
htmlFase=htmlFase & " border='0' alt='Arxius'></a> <br></div>"
response.write(htmlFase)
response.write(htmlProj)
strSql3="Select num_id, nom_tasca from sip_tasq_fas where sip_fases = "& objRsCos2("num_id")
while not objRsCos3.Eof
htmlTasca="<div id='id_proj_"&objRsCos2("num_id")&"'style='display :block'>"
htmlTasca=htmlTasca & " & nbsp; "
htmlTasca=htmlTasca & " & nbsp; "
htmlTasca=htmlTasca & "<img src='../html/tree/icons/ball_glass_YellowS.gif' height='12px'><a href='#;'"
htmlTasca=htmlTasca & " onMouseOver=this.style.color='#FAAC58'; onMouseOut=this.style.color='#000000';>"
htmlTasca=htmlTasca & "<font color='#FAAC58'>"&objRsCos3("nom_tasca") & "</font></a> "
htmlTasca=htmlTasca & "<img src='../images/page_white_text.png' width='16' height='16'"
htmlTasca=htmlTasca & " border='0' alt='Arxius'></a> <br></div>"
response.write(htmlTasca)
objRsCos3.MoveNext
wend
objRsCos2.MoveNext
wend
objRsCos1.MoveNext
wend
Ahora necesito saber como ocultar y mostrar los hijos.
Muchas gracias de antemano