Guias

Arquivo

i3geo/classesjs/classe_guias.js

Licenca

GPL2

i3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet

Direitos Autorais Reservados © 2006 Ministério do Meio Ambiente Brasil Desenvolvedor: Edmar Moretti edmar..nosp@m.moretti@gmai.nosp@m.l.com

Este programa é software livre; você pode redistribuí-lo e/ou modificá-lo sob os termos da Licença Pública Geral GNU conforme publicada pela Free Software Foundation;

Este programa é distribuído na expectativa de que seja útil, porém, SEM NENHUMA GARANTIA; nem mesmo a garantia implícita de COMERCIABILIDADE OU ADEQUA�ÃO A UMA FINALIDADE ESPECÍFICA.  Consulte a Licença Pública Geral do GNU para mais detalhes.  Você deve ter recebido uma cópia da Licença Pública Geral do GNU junto com este programa; se não, escreva para a Free Software Foundation, Inc., no endereço 59 Temple Street, Suite 330, Boston, MA 02111-1307 USA.

Summary
Guiasi3geo/classesjs/classe_guias.js
i3GEO.guiasCria e controla os blocos de opções ativados por meio de guias ou botões
Variaveis
ATUALGuia que está ativa
Propriedades
ALTURACORPOGUIASAltura em pixels que será aplicado em cada guia
CONFIGURADefine os parâmetros de cada guia que será mostrada no mapa, como título, conteúdo, etc.
ORDEMOrdem de inclusão das guias no mapa.
TIPOTipo de guia
idguiasID do elemento DOM, criado pelo YUI, onde serão inseridas as guias
Functions
criaCria as guias com base na variável i3GEO.guias.CONFIGURA
ajustaAlturaAjusta a altura das guias conforme a altura da imagem do mapa
escondeGuiasEsconde todas as guias
mostraMostra no mapa uma determinada guia
ativaAtiva uma determinada guia
liberaLibera as guias do local atual, colocando-as em uma janela flutuante sobre o mapa.
mostraGuiaFerramentaMostra uma determinada guia em uma janela do tipo ferramenta.
guiaMovelControla as guias do tipo “movel”, que apresenta uma janela retrátil onde as opções são mostradas
Propriedades
ABERTAIndica se a guia inicializará aberta
configDefine os valores de posicionamento dos elementos que compõem a guia
Variaveis
leftValor de posicionamento a esquerda, calculado na inicialização
Functions
iniciaInicializa a guia móvel
mostraIconesMostra os ícones que acionam cada guia
desativaIconesAltera a cor do fundo dos ícones, voltando ao original
ativaAtiva o conteúdo de determinada guia
reposicionaReposiciona a guia móvel quando o mapa muda de tamanho
abreFechaAbre ou fecha a guia móvel

i3GEO.guias

Cria e controla os blocos de opções ativados por meio de guias ou botões

Para configurar as guias do mapa principal utilize i3GEO.guias.configura = ...

Summary
Variaveis
ATUALGuia que está ativa
Propriedades
ALTURACORPOGUIASAltura em pixels que será aplicado em cada guia
CONFIGURADefine os parâmetros de cada guia que será mostrada no mapa, como título, conteúdo, etc.
ORDEMOrdem de inclusão das guias no mapa.
TIPOTipo de guia
idguiasID do elemento DOM, criado pelo YUI, onde serão inseridas as guias
Functions
criaCria as guias com base na variável i3GEO.guias.CONFIGURA
ajustaAlturaAjusta a altura das guias conforme a altura da imagem do mapa
escondeGuiasEsconde todas as guias
mostraMostra no mapa uma determinada guia
ativaAtiva uma determinada guia
liberaLibera as guias do local atual, colocando-as em uma janela flutuante sobre o mapa.
mostraGuiaFerramentaMostra uma determinada guia em uma janela do tipo ferramenta.
guiaMovelControla as guias do tipo “movel”, que apresenta uma janela retrátil onde as opções são mostradas
Propriedades
ABERTAIndica se a guia inicializará aberta
configDefine os valores de posicionamento dos elementos que compõem a guia
Variaveis
leftValor de posicionamento a esquerda, calculado na inicialização
Functions
iniciaInicializa a guia móvel
mostraIconesMostra os ícones que acionam cada guia
desativaIconesAltera a cor do fundo dos ícones, voltando ao original
ativaAtiva o conteúdo de determinada guia
reposicionaReposiciona a guia móvel quando o mapa muda de tamanho
abreFechaAbre ou fecha a guia móvel

Variaveis

ATUAL

Guia que está ativa

O nome da guia é a definida na variável i3GEO.guias.CONFIGURA

Tipo

{string}

Default

{“temas”}

Propriedades

ALTURACORPOGUIAS

Altura em pixels que será aplicado em cada guia

Por default, a altura é calculada automaticamente, mas em alguns casos, pode ser necessário especificar o valor para permitir um melhor ajuste do layout do mapa

Mantenha como 0 para que o cálculo seja automático

Tipo

{numeric}

Default: 0

CONFIGURA

Define os parâmetros de cada guia que será mostrada no mapa, como título, conteúdo, etc.

Você pode modificar o nome de uma guia como no exemplo

i3GEO.guias.CONFIGURA.legenda.titulo = “nome diferente”;

Por padrão são definidas as guias legenda, temas, adiciona e mapas (links)

Exemplo

i3GEO.guias.CONFIGURA.legenda = { titulo:”Legenda do mapa”, id:”guia4”, idconteudo:”guia4obj”,//id do elemento HTML que contém o conteúdo da guia click: function(){ i3GEO.guias.mostra(“legenda”);//mostra a guia i3GEO.mapa.legendaHTML.cria(“guia4obj”); } }

Tipo

{JSON}

ORDEM

Ordem de inclusão das guias no mapa.  Essa opção é mais útil no caso do tipo sanfona, pois nesse caso, a primeira guia é sempre a que fica ativa.  Se esse par�metro for uma string vazia, a ordem utilizada será a ordem existente em i3GEO.guias.CONFIGURA.

Ao ser definida, apenas as guias indicadas no array serão incluídas

Exemplo

i3GEO.guias.ORDEM = [“temas”,”adiciona”,”legenda”];

Tipo

{array}

Default

{“”}

TIPO

Tipo de guia

Quando TIPO = “movel”, a inicialização da guia é feita em i3GEO.inicia Isso é ne cessário pq a guia móvel só pode ser criada após o posicionamento do corpo do mapa

Tipo

{string}

Default

{“guia”}

Values

guia|sanfona|tablet|movel

idguias

ID do elemento DOM, criado pelo YUI, onde serão inseridas as guias

Tipo

{String}

Default

{“guiasYUI”}

Functions

cria

cria: function(onde)

Cria as guias com base na variável i3GEO.guias.CONFIGURA

As guias podem ser definidas no HTML do mapa, sem necessariamente estarem na variável configura.<b> As guias, nesse caso, devem ter como ID “guia’n’”, por exemplo id=”guia6”.  Para cada uma dessas guias deve haver um DIV com o conteúdo.  Esse DIV deve ter como ID “guia’n’obj”, por exemplo id=”guia6obj”.  No caso de ser utilizado a guia móvel, com i3GEO.guias.TIPO = “movel” , “guia’n” não é necessário, uma vez que são utilizados os ícones definidos em i3GEO.guias.CONFIGURA

Parametro

onde {String}id do elemento que conterá as guias

ajustaAltura

ajustaAltura: function()

Ajusta a altura das guias conforme a altura da imagem do mapa

escondeGuias

escondeGuias: function()

Esconde todas as guias

mostra

mostra: function(guia)

Mostra no mapa uma determinada guia

Parametro

guia {String}nome da guia

ativa

ativa: function(guia)

Ativa uma determinada guia

Parametro

guia {String}guia que será ativada

libera

libera: function()

Libera as guias do local atual, colocando-as em uma janela flutuante sobre o mapa.

mostraGuiaFerramenta

mostraGuiaFerramenta: function(guia,
namespace)

Mostra uma determinada guia em uma janela do tipo ferramenta.

As guias são construídas pelo construtor da ferramenta

Parametros

guia {String}O elemento html cujo id for igual a guia+”obj” terá seu estilo (display) definido como block, tornando-o visível
namespace {String}Todos os elementos html que tiverem como id o namespace, seguindo por um número e “obj”, terão seu estilo alterado para none, tornando-se invisíveis

guiaMovel

guiaMovel:

Controla as guias do tipo “movel”, que apresenta uma janela retrátil onde as opções são mostradas

Propriedades

ABERTA

Indica se a guia inicializará aberta

Type

{boolean}

config

Define os valores de posicionamento dos elementos que compõem a guia

Variaveis

left

Valor de posicionamento a esquerda, calculado na inicialização

Functions

inicia

inicia: function()

Inicializa a guia móvel

mostraIcones

mostraIcones: function()

Mostra os ícones que acionam cada guia

desativaIcones

desativaIcones:function()

Altera a cor do fundo dos ícones, voltando ao original

ativa

ativa: function(chave)

Ativa o conteúdo de determinada guia

Parametro

chave {string}código da guia, definido em i3GEO.guias.CONFIGURA

reposiciona

reposiciona: function()

Reposiciona a guia móvel quando o mapa muda de tamanho

abreFecha

abreFecha: function()

Abre ou fecha a guia móvel

cria: function(onde)
Cria as guias com base na variável i3GEO.guias.CONFIGURA
ajustaAltura: function()
Ajusta a altura das guias conforme a altura da imagem do mapa
escondeGuias: function()
Esconde todas as guias
mostra: function(guia)
Mostra no mapa uma determinada guia
ativa: function(guia)
Ativa uma determinada guia
libera: function()
Libera as guias do local atual, colocando-as em uma janela flutuante sobre o mapa.
mostraGuiaFerramenta: function(guia,
namespace)
Mostra uma determinada guia em uma janela do tipo ferramenta.
guiaMovel:
Controla as guias do tipo “movel”, que apresenta uma janela retrátil onde as opções são mostradas
inicia: function()
Inicializa a guia móvel
mostraIcones: function()
Mostra os ícones que acionam cada guia
desativaIcones:function()
Altera a cor do fundo dos ícones, voltando ao original
reposiciona: function()
Reposiciona a guia móvel quando o mapa muda de tamanho
abreFecha: function()
Abre ou fecha a guia móvel
Close