i3geo/classesjs/classe_guias.js
GPL2
i3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet
Direitos Autorais Reservados © 2006 Ministério do Meio Ambiente Brasil Desenvolvedor: Edmar Moretti edmar.@gmai l.com moretti
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.
Guias | i3geo/classesjs/classe_guias.js |
i3GEO. | Cria e controla os blocos de opções ativados por meio de guias ou botões |
Variaveis | |
ATUAL | Guia que está ativa |
Propriedades | |
ALTURACORPOGUIAS | Altura em pixels que será aplicado em cada guia |
CONFIGURA | Define os parâmetros de cada guia que será mostrada no mapa, como título, conteúdo, etc. |
ORDEM | Ordem de inclusão das guias no mapa. |
TIPO | Tipo de guia |
idguias | ID do elemento DOM, criado pelo YUI, onde serão inseridas as guias |
Functions | |
cria | Cria as guias com base na variável i3GEO.guias.CONFIGURA |
ajustaAltura | Ajusta a altura das guias conforme a altura da imagem do mapa |
escondeGuias | Esconde todas as guias |
mostra | Mostra no mapa uma determinada guia |
ativa | Ativa uma determinada guia |
libera | Libera as guias do local atual, colocando-as em uma janela flutuante sobre o mapa. |
mostraGuiaFerramenta | 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 |
Propriedades | |
ABERTA | Indica se a guia inicializará aberta |
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 | Inicializa a guia móvel |
mostraIcones | Mostra os ícones que acionam cada guia |
desativaIcones | Altera a cor do fundo dos ícones, voltando ao original |
ativa | Ativa o conteúdo de determinada guia |
reposiciona | Reposiciona a guia móvel quando o mapa muda de tamanho |
abreFecha | Abre ou fecha a guia móvel |
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 = ...
Variaveis | |
ATUAL | Guia que está ativa |
Propriedades | |
ALTURACORPOGUIAS | Altura em pixels que será aplicado em cada guia |
CONFIGURA | Define os parâmetros de cada guia que será mostrada no mapa, como título, conteúdo, etc. |
ORDEM | Ordem de inclusão das guias no mapa. |
TIPO | Tipo de guia |
idguias | ID do elemento DOM, criado pelo YUI, onde serão inseridas as guias |
Functions | |
cria | Cria as guias com base na variável i3GEO.guias.CONFIGURA |
ajustaAltura | Ajusta a altura das guias conforme a altura da imagem do mapa |
escondeGuias | Esconde todas as guias |
mostra | Mostra no mapa uma determinada guia |
ativa | Ativa uma determinada guia |
libera | Libera as guias do local atual, colocando-as em uma janela flutuante sobre o mapa. |
mostraGuiaFerramenta | 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 |
Propriedades | |
ABERTA | Indica se a guia inicializará aberta |
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 | Inicializa a guia móvel |
mostraIcones | Mostra os ícones que acionam cada guia |
desativaIcones | Altera a cor do fundo dos ícones, voltando ao original |
ativa | Ativa o conteúdo de determinada guia |
reposiciona | Reposiciona a guia móvel quando o mapa muda de tamanho |
abreFecha | Abre ou fecha a guia móvel |
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”); } }
{JSON}
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
i3GEO.guias.ORDEM = [“temas”,”adiciona”,”legenda”];
{array}
{“”}
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
onde {String} | id do elemento que conterá as guias |
mostraGuiaFerramenta: function( guia, namespace )
Mostra uma determinada guia em uma janela do tipo ferramenta.
As guias são construídas pelo construtor da ferramenta
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 |
Cria as guias com base na variável i3GEO.guias.CONFIGURA
cria: function( onde )
Ajusta a altura das guias conforme a altura da imagem do mapa
ajustaAltura: function()
Esconde todas as guias
escondeGuias: function()
Mostra no mapa uma determinada guia
mostra: function( guia )
Ativa uma determinada guia
ativa: function( guia )
Libera as guias do local atual, colocando-as em uma janela flutuante sobre o mapa.
libera: function()
Mostra uma determinada guia em uma janela do tipo ferramenta.
mostraGuiaFerramenta: function( guia, namespace )
Controla as guias do tipo “movel”, que apresenta uma janela retrátil onde as opções são mostradas
guiaMovel:
Inicializa a guia móvel
inicia: function()
Mostra os ícones que acionam cada guia
mostraIcones: function()
Altera a cor do fundo dos ícones, voltando ao original
desativaIcones:function()
Reposiciona a guia móvel quando o mapa muda de tamanho
reposiciona: function()
Abre ou fecha a guia móvel
abreFecha: function()