Cria e controla os blocos de opções ativados por meio de guias ou botões
As guias alternam conteúdos para exibição conforme as escolhas feitas pelo usuário
i3GEO.guias
http://localhost/i3geo/classesjs/classe_guias.js
Guias | Cria e controla os blocos de opções ativados por meio de guias ou botões |
Variaveis | |
ATUAL | Guia que está ativa ou que será ativada ao iniciar o mapa |
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 |
ativa | Ativa uma determinada guia |
ajustaGuiaFerramenta | Ajusta as guias de uma janela para que sempre fiquem no topo da janela, aplicando o overflow ao conteúdo das guias |
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 |
Functions | |
inicia | Inicializa a guia móvel |
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)
i3GEO.guias.CONFIGURA.legenda = { icone : "imagens/gisicons/show-legend.png", titulo : "Legenda", id : "guia4", idconteudo : "guia4obj", click : function() { i3GEO.guias.mostra("legenda"); i3GEO.mapa.legendaHTML.cria("guia4obj"); } };
{objeto}
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 parametro 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
{String} | id do elemento que conterá as guias |
ajustaGuiaFerramenta : function( idjanela, namespace )
Ajusta as guias de uma janela para que sempre fiquem no topo da janela, aplicando o overflow ao conteúdo das guias
Deve ser utilizado pelas ferramentas após a janela ter seu conteúdo renderizado.
Veja como exemplo a ferramenta tabela
{string} | id da janela |
{string} | namespace da janela utilizado para definir os elementos DIV onde o conteúdo é renderizado |
Define os valores de posicionamento dos elementos que compõem a guia
(start code) i3GEO.guias.guiaMovel.config = { larguraPuxador : 50, alturaPuxador : 319, alturaGuiaMovel : 0, larguraGuiaMovel : 320, topGuiaMovel : 0, guias : { icones : [], ids : [], idsconteudos : [], titulos : [], chaves : [] }, posicao : [ “c”, “r” ] }; (end)
Cria as guias com base na variável i3GEO.guias.CONFIGURA
cria : function( onde )
Ativa uma determinada guia
ativa : function( guia )
Ajusta as guias de uma janela para que sempre fiquem no topo da janela, aplicando o overflow ao conteúdo das guias
ajustaGuiaFerramenta : function( idjanela, namespace )
Inicializa a guia móvel
inicia : function()
Abre ou fecha a guia móvel
abreFecha : function( forca )