Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Júlio C. Franco

Mostrar/ocultar estilo treeview

Recommended Posts

Pessoal, bom dia! Tenho uma listagem que é assim:- Cabecalho1 DetalheCabecalho1 DetalheCabecalho1- Cabecalho2 DetalheCabecalho2 DetalheCabecalho2 DetalheCabecalho2 DetalheCabecalho2+ Cabecalho3Gostaria que ao clicar no sinal de + ou - fechasse ou abrisse todo o detalhe do cabecalho clicado.O problema:So ta abrindo/fechando o primeiro detalhe de cada cabecalhoAlguem sabe me como resolver?Meu codigo:*****arquivo js********* function mostra(id,bt){ var noticia = document.getElementById(id); var botao = document.getElementById(bt); if(noticia.style.display == 'block'){ noticia.style.display = 'none'; botao.innerHTML = '<img src="Imgs/mais.jpg" alt="mais" border="0" />' }else{ noticia.style.display = 'block'; botao.innerHTML = '<img src="Imgs/menos.jpg" alt="menos" border="0" />' } ****** Mostra sinal de +/- e chama funcao js mostra****** print "<td width=1 style=\"cursor: hand;\"> <a id=\"bt".$row['Codigo']."\" href=\"java script:void(null)\" onClick=\"mostra('".$row['Codigo']."','bt".$row['Codigo']."')\"> <img src=Imgs/mais.jpg border=0 align=middle></td> </a></td>"; ****** Detalhe onde abre/fecha *********************** print "<tr id=".$row['Codigo']." ><td> </td><td class=\"texto\" colspan=\"7\">".str_pad(rtrim($row1['NrCheque']), 6, "0", STR_PAD_LEFT)." - R$: ".number_format($row1['VrCheque'], 2,',','')."</td></tr>";

Compartilhar este post


Link para o post
Compartilhar em outros sites

dude naum tem erro!!

você tem q gerar o js dentro da pagina com o php

 

http://www.destroydrop.com/javascripts/tree/

http://www.destroydrop.com/javascripts/tree/example/

http://www.destroydrop.com/javascripts/tree/api/

 

mas por favor antez teste la no segundo link da para tirar os icoes e deixar apenas os + o script é completo e simples de usar!!

 

a = new dTree('a');a.config.useIcons=false;a.config.useLines=false;a.config.useSelection=false;a.config.useCookies=false;a.add(0,-1,'Tree example','java script: void(0);');a.add(1, 0,'Node 1','java script:void(0);');a.add(2, 1,'Node 2','java script:void(0);');a.add(3, 0,'Node 3','java script:void(0);');a.add(4, 2,'Node 4','java script:void(0);');a.add(5, 3,'Node 5','java script:void(0);');a.add(6, 5,'Node 6','java script:void(0);');a.add(7, 0,'Node 7','java script:void(0);');a.add(8, 5,'Node 8','java script:void(0);');a.add(9, 7,'Node 9','java script:void(0);');document.write(a);

tphe void

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.