// ********************************************************
// * TreeView
// ********************************************************
// * Autor: Celso Pacheco
// * Data: 04/12/2006
// * Descrição:
// Script para criação da estrutura de árvore. [Compativel com IE e FireFox]
// ********************************************************
// * Informações:
// Para utilizar este script siga os seguintes passos:
// ********************************************************
// 1º- Linke no header da página os arquivos TreeView.js e TreeView.css
// Ex.:
//
//
// 2º- No load do body deve ser chamada a função: loadTree()
//
// Ex.:
//
// 3º- Crie uma tabela de 2(duas) linhas e então na primeira lina insira uma imagem da classe "treeImgPlus" e na segunda linha
// insira o conteúdo que deve ser exibido e ocultado quando a imagem for clicada.
//
// Ex.:
//
//
//
// Nivel 1
//
//
//
// [ Aqui entra o conteudo que desejar exibir e ocultar!! ]
//
//
//
//
//
// ********************************************************
// Identifica o browswer
Nav_FireFox = (document.layers);
Nav_IE = (document.all);
//Classes CSS utilizadas
var objClasses = new function (){
this.imgPlus ='treeImgPlus';
this.linkN1 ='treeLinkItemN1';
this.linkN2 ='treeLinkItemN2';
this.linkN3 ='treeLinkItemN3';
this.linkN4 ='treeLinkItemN4';
this.linkN5 ='treeLinkItemN5';
}
//Estados [Esconder e mostrar]
var objEstados = new function(){
this.mostra = (Nav_IE)?'block':'table-row';
this.esconde= 'none';
}
//Pre load das imagens
var objImagens = new function(){
this.plus = new Image().src='/web/mapasite/plus.gif';
this.minus = new Image().src='/web/mapasite/minus.gif';
}
// Prepara a Tree no load da página
// Esta função deve se invocada no load da página. Ela é reponsável por identificar no documento todos os elementos IMG que sejam da
// classe "objClasses.imgPlus" e então associar ao evento onclick destes elementos a refência para a função "tooggleTr".
// Obs.: Os elementos Img da classe "objClasses.imgPlus" devem sempre estar dentro da primeira linha de uma tabela, pois ao ser diparado
// o seu evento onclick automaticamente irá alterar o status de visibilidade da segunda linha desta mesma tabela.
function loadTree(){
objImg = document.getElementsByTagName('img')
for(i=0; i
Nivel 1