Código Fonte - O melhor conteúdo para programadores

Este código tem nota

Autor

Ricardo Henrique da Silva Braga

membro deste dezembro de 2006

DHTML

JavaScript

Compartilhe e guarde

Enquete

Você acredita que um dia o Firefox será mais utilizado que o IE?

Sim
Não

Home Código Fonte JavaScript - DHTML Diversos

Menu em árvore com o estilo do Windows Explorer

Código para criar um menu do estilo do Windows Explorer. Número ilimitado de subitens e tem a possibilidade de inserir ícones para os itens do menu.

<!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>

Arquivo	Tipo	Tamanho	Hits
dtree.rar	Arquivo RAR	11,6 Kb	2889

Este código foi útil para você?

Nota	Comentário
10	denunciar heliocesar comentou em 9/11/2009 Dinamico Ola ricardo muito bom o seu menu cara mais eu qro saber uma coisa tem como eu deixar ele puxandos o menu do meu banco de dados em cara

Regras:
Os comentários seguem as seguintes regras:

Todos os comentários são enviados por membros cadastrados no site.
A pontuação de comentários de conteúdo do próprio membro não serão computados.
Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
Há um limite de 10 comentários por dia para cada membro.
Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

Autenticação:	Apelido: Senha: (ainda não tem cadastro? clique aqui!)

Título:	Máximo de 30 caracteres
Comentário:	Máximo de 255 caracteres
Avaliação:

Equipe | Tabela de Pontos e Estrelas | Política de Privacidade | Mapa do Site | Fale Conosco