Ir para conteúdo

POWERED BY:

Arquivado

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

alissonxx

arvore em javascript

Por , em Javascript

Recommended Posts

alissonxx    0

alissonxx
Postado

Estou tentando fazer o seguinte...

 

quando abrisse a pagina inicial mostraria o seguinte:

 

PAI

 

ele teria um evento ONCLICK, quando clicasse no filho apareceria em baixo

 

PAI

|---Filho

 

Se houvesse mais de um filho

 

PAI

|----Filho

|----Filho

 

 

Se o filho possuisse um filho bastava eu clicar em filho.. e através do evento onclick ele me retornaria o outro filho

 

PAI

|----Filho

|----Neto

|----Neto

|----Neto

|----Filho

|----Neto

|----Neto

 

 

mas tentei e nao consegui fazer a funcao em javascript

 

tambem tentei em php mas o evento onclick nao funcionou

 

ja no javascript ao eu clicar em cima ele sumia a tela e aparecia somente 1 texto

Compartilhar este post

Link para o post
Compartilhar em outros sites

rodrigopaivaf    0

rodrigopaivaf
Postado 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>
	<title>Menu tree</title>

	<link rel="StyleSheet" href="dtree.css" type="text/css" />
	<script type="text/javascript" src="dtree.js"></script>

</head>

<body>

<div class="dtree">

	<script type="text/javascript">
		<!--
		d = new dTree('d');
		d.add(0,-1,'Meu Menu tree');
		d.add(1,0,'Pata 1','#');
		d.add(2,0,'Documento 2','#');
		d.add(3,1,'Pasta 1.1','#');
		d.add(4,0,'Documento 3','#');
		d.add(5,3,'Pasta 1.1.1','#');
		d.add(6,5,'Documento 1.1.1.1','#');
		d.add(7,0,'Documento 4','#');
		d.add(8,1,'Documento 1.2','#');
		d.add(9,0,'Minhas Imagens','#','Pictures I\'ve taken over the years','','','imgfolder.gif');
		d.add(10,9,'Viagem para o Sul','#','Pictures of Gullfoss and Geysir');
		d.add(11,9,'Carros antigos','#');
		d.add(12,0,'Lixeira','#','','','','trash.gif');
		d.draw();
		//-->
	</script>

</div>

</body>

</html>

o js e css está aqui:

Clique aqui

Compartilhar este post

Link para o post
Compartilhar em outros sites

alissonxx    0

alissonxx
Postado 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>
	<title>Menu tree</title>

	<link rel="StyleSheet" href="dtree.css" type="text/css" />
	<script type="text/javascript" src="dtree.js"></script>

</head>

<body>

<div class="dtree">

	<script type="text/javascript">
		<!--
		d = new dTree('d');
		d.add(0,-1,'Meu Menu tree');
		d.add(1,0,'Pata 1','#');
		d.add(2,0,'Documento 2','#');
		d.add(3,1,'Pasta 1.1','#');
		d.add(4,0,'Documento 3','#');
		d.add(5,3,'Pasta 1.1.1','#');
		d.add(6,5,'Documento 1.1.1.1','#');
		d.add(7,0,'Documento 4','#');
		d.add(8,1,'Documento 1.2','#');
		d.add(9,0,'Minhas Imagens','#','Pictures I\'ve taken over the years','','','imgfolder.gif');
		d.add(10,9,'Viagem para o Sul','#','Pictures of Gullfoss and Geysir');
		d.add(11,9,'Carros antigos','#');
		d.add(12,0,'Lixeira','#','','','','trash.gif');
		d.draw();
		//-->
	</script>

</div>

</body>

</html>

o js e css está aqui:

Clique aqui

 

 

Boa tarde,

 

eu testei esse script ja..

 

eh mto bom,

 

mas ele faz os dados se unirem através dos numeros

 

0,-1

1,0

2,1

 

0 está ligado ao -1(raiz da arvore)

1 está ligado ao 0

2 está ligado ao 1

 

quando eu faço uma busca

 

ele nao consegue me retornar uma arvore

 

ela fica certinha qnd busca por todos elementos daquela arvore

 

mas se eu quiser somente um item, por exemplo: "carro"

 

ele nao me retorna o pai do carro e nem o filho do carro

 

por causa das ligações feitas no javascript...

 

gostaria de saber como eu faria um javascript pra aparecer um texto abaixo e desaparecer o texto...

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito