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 )