Download as
Browse Code »

Commit 5221a22fa22837f4f5f054cad8328fdc50b3f443

Authored by Edmar Moretti
1 parent 7a312267
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

Inclusão de novos exemplos e criação do tipo de barra de botões olhodepeixe1 que… 

… depreciará olhodepeixe
Showing 24 changed files with 264 additions and 45 deletions   Show diff stats
classesjs/classe_barradebotoes.js
  Diff comments   View file @5221a22
@@ -11,7 +11,7 @@ Exemplo: @@ -11,7 +11,7 @@ Exemplo:
11 11
12 Para alterar as opções modifique as propriedades colocando um código como o seguinte no javascript utilizado na interface de mapa que estiver sendo utilizada 12 Para alterar as opções modifique as propriedades colocando um código como o seguinte no javascript utilizado na interface de mapa que estiver sendo utilizada
13 13
14 - i3GEO.barraDeBotoes.tipo = "olhodepeixe"; 14 + i3GEO.barraDeBotoes.tipo = "olhodepeixe1";
15 15
16 Arquivo: 16 Arquivo:
17 17
@@ -61,14 +61,18 @@ i3GEO.barraDeBotoes = { @@ -61,14 +61,18 @@ i3GEO.barraDeBotoes = {
61 Tipo de barra. 61 Tipo de barra.
62 62
63 Por padrão, utiliza a biblioteca YUI para construir a barra, opcionalmente pode-se utilizar outro tipo. 63 Por padrão, utiliza a biblioteca YUI para construir a barra, opcionalmente pode-se utilizar outro tipo.
  64 +
  65 + Se for utilizado o padrão YUI e os elementos para compor a barra não forem encontrados, a barra não será criada.
64 66
65 - O tipo emlinha insere os botões em um elemento html qualquer já existente na página. Nesse caso a barra 67 + O tipo emlinha insere os botões em um elemento html qualquer já existente na página. Nesse caso a barra
66 não é iniciada automaticamente, sendo necessário usar a função 68 não é iniciada automaticamente, sendo necessário usar a função
67 69
68 - i3GEO.barraDeBotoes.inicializaBarra("","",false,0,0,onde) 70 + i3GEO.barraDeBotoes.inicializaBarra("","",false,0,0,onde)
69 71
70 - Caso o parâmetro "onde" seja omitido ou o o elemento HTML com esse ID não for encontrado, será criado um elemento do tipo DIV  
71 - no contexto do mapa 72 + Caso o parâmetro "onde" seja omitido ou o o elemento HTML com esse ID não for encontrado, será
  73 + criado um elemento do tipo DIV no contexto do mapa.
  74 +
  75 + Se você quer usar a barra do tipo olho de peixe e seu mapa tiver tamanho fixo, utilize o tipo "olhodepeixe1"
72 76
73 Tipo: 77 Tipo:
74 {string} 78 {string}
@@ -77,7 +81,7 @@ i3GEO.barraDeBotoes = { @@ -77,7 +81,7 @@ i3GEO.barraDeBotoes = {
77 {yui} 81 {yui}
78 82
79 Valores: 83 Valores:
80 - {"yui","olhodepeixe","emlinha"} 84 + {"yui","olhodepeixe","olhodepeixe1","emlinha"}
81 */ 85 */
82 TIPO: "yui", 86 TIPO: "yui",
83 /* 87 /*
@@ -112,7 +116,7 @@ i3GEO.barraDeBotoes = { @@ -112,7 +116,7 @@ i3GEO.barraDeBotoes = {
112 /* 116 /*
113 Propriedade: MAXBOTOES 117 Propriedade: MAXBOTOES
114 118
115 - Número de botões iniciais (válido apenas para o tipo "olhodepeixe") 119 + Número de botões iniciais (válido apenas para o tipo olhodepeixe)
116 120
117 Se for 0, todos os botões serão mostrados 121 Se for 0, todos os botões serão mostrados
118 122
@@ -138,7 +142,7 @@ i3GEO.barraDeBotoes = { @@ -138,7 +142,7 @@ i3GEO.barraDeBotoes = {
138 /* 142 /*
139 Propriedade: ORIENTACAO 143 Propriedade: ORIENTACAO
140 144
141 - Orientação vertical ou horizontal da barra (não se aplica ao tipo "olhodepeixe" 145 + Orientação vertical ou horizontal da barra (não se aplica ao tipo olhodepeixe)
142 146
143 Tipo: 147 Tipo:
144 {string} 148 {string}
@@ -401,7 +405,7 @@ i3GEO.barraDeBotoes = { @@ -401,7 +405,7 @@ i3GEO.barraDeBotoes = {
401 405
402 Ícones utilizados em cada um dos botões da barra. 406 Ícones utilizados em cada um dos botões da barra.
403 407
404 - Esses ícones são utilizados apenas se i3GEO.barraDeBotoes.TIPO = "olhodepeixe". Para cada elemento existente em 408 + Esses ícones são utilizados apenas se i3GEO.barraDeBotoes.TIPO = "olhodepeixe" e "olhodepeixe1". Para cada elemento existente em
405 i3GEO.barraDeBotoes.INCLUIBOTAO deve existir um elemento nesse objeto. A chave de cada elemento é a mesma do objeto INCLUIBOTAO. 409 i3GEO.barraDeBotoes.INCLUIBOTAO deve existir um elemento nesse objeto. A chave de cada elemento é a mesma do objeto INCLUIBOTAO.
406 O endereço da imagem será complementado pelo i3geo, adicionando no início da string o valor da variável i3GEO.configura.locaplic 410 O endereço da imagem será complementado pelo i3geo, adicionando no início da string o valor da variável i3GEO.configura.locaplic
407 411
@@ -818,12 +822,14 @@ i3GEO.barraDeBotoes = { @@ -818,12 +822,14 @@ i3GEO.barraDeBotoes = {
818 /* 822 /*
819 Function: inicializaBarraOP 823 Function: inicializaBarraOP
820 824
821 - Inicializa a barra de botões quando for do tipo "olhodepeixe" 825 + Inicializa a barra de botões quando for do tipo "olhodepeixe" ou "olhodepeixe1"
822 826
823 O objeto euEnv armazena todas as características da barra 827 O objeto euEnv armazena todas as características da barra
  828 +
  829 + "olhodepeixe1" substitui a antiga "olhodepeixe" e nao precisa de ajustes de posicionamento
824 830
825 */ 831 */
826 - inicializaBarraOP: function(){ 832 + inicializaBarraOP: function(onde){
827 if(i3GEO.barraDeBotoes.ATIVA === false || !$i(i3GEO.Interface.IDCORPO)){ 833 if(i3GEO.barraDeBotoes.ATIVA === false || !$i(i3GEO.Interface.IDCORPO)){
828 return; 834 return;
829 } 835 }
@@ -852,7 +858,7 @@ i3GEO.barraDeBotoes = { @@ -852,7 +858,7 @@ i3GEO.barraDeBotoes = {
852 dica, 858 dica,
853 titulo, 859 titulo,
854 i, 860 i,
855 - dock = new euDock(), 861 + dock = new euDock(onde),
856 temp = "dockBg-r.png", 862 temp = "dockBg-r.png",
857 tempAjuda = "dockBg-l.png", 863 tempAjuda = "dockBg-l.png",
858 chaves = i3GEO.util.listaChaves(i3GEO.barraDeBotoes.INCLUIBOTAO), 864 chaves = i3GEO.util.listaChaves(i3GEO.barraDeBotoes.INCLUIBOTAO),
@@ -864,7 +870,12 @@ i3GEO.barraDeBotoes = { @@ -864,7 +870,12 @@ i3GEO.barraDeBotoes = {
864 dock.setObjectAlign(i3GEO.Interface.IDCORPO,euUP, (i3GEO.parametros.h)*1 + i3GEO.barraDeBotoes.OFFSET,euDOWN); 870 dock.setObjectAlign(i3GEO.Interface.IDCORPO,euUP, (i3GEO.parametros.h)*1 + i3GEO.barraDeBotoes.OFFSET,euDOWN);
865 } 871 }
866 else{ 872 else{
867 - dock.setObjectAlign(i3GEO.Interface.IDCORPO,euDOWN,(parseInt(document.body.style.height,10))*-1 + i3GEO.barraDeBotoes.OFFSET,euUP); 873 + if(onde){
  874 + dock.setObjectAlign(i3GEO.Interface.IDCORPO,euDOWN,i3GEO.barraDeBotoes.OFFSET,euUP);
  875 + }
  876 + else{
  877 + dock.setObjectAlign(i3GEO.Interface.IDCORPO,euDOWN,(parseInt(document.body.style.height,10))*-1 + i3GEO.barraDeBotoes.OFFSET,euUP);
  878 + }
868 } 879 }
869 if(i3GEO.barraDeBotoes.MAXBOTOES >= chaves.length){ 880 if(i3GEO.barraDeBotoes.MAXBOTOES >= chaves.length){
870 temp = "vazio.png"; 881 temp = "vazio.png";
@@ -1019,8 +1030,13 @@ i3GEO.barraDeBotoes = { @@ -1019,8 +1030,13 @@ i3GEO.barraDeBotoes = {
1019 if (i3GEO.configura.map3d === ""){ 1030 if (i3GEO.configura.map3d === ""){
1020 i3GEO.barraDeBotoes.INCLUIBOTAO.v3d = false; 1031 i3GEO.barraDeBotoes.INCLUIBOTAO.v3d = false;
1021 } 1032 }
1022 - if(i3GEO.barraDeBotoes.TIPO === "olhodepeixe"){  
1023 - i3GEO.barraDeBotoes.inicializaBarraOP(); 1033 + if(i3GEO.barraDeBotoes.TIPO === "olhodepeixe" || i3GEO.barraDeBotoes.TIPO === "olhodepeixe1"){
  1034 + if(i3GEO.barraDeBotoes.TIPO === "olhodepeixe1" && $i(i3GEO.Interface.IDMAPA)){
  1035 + i3GEO.barraDeBotoes.inicializaBarraOP($i(i3GEO.Interface.IDMAPA));
  1036 + }
  1037 + else{
  1038 + i3GEO.barraDeBotoes.inicializaBarraOP();
  1039 + }
1024 } 1040 }
1025 else{ 1041 else{
1026 if(this.TEMPLATEBOTAO === "" && i3GEO.Interface.TABLET === false){ 1042 if(this.TEMPLATEBOTAO === "" && i3GEO.Interface.TABLET === false){
@@ -1519,7 +1535,7 @@ i3GEO.barraDeBotoes = { @@ -1519,7 +1535,7 @@ i3GEO.barraDeBotoes = {
1519 balloonAjuda.cleanup(); 1535 balloonAjuda.cleanup();
1520 balloonIsVisible = false; 1536 balloonIsVisible = false;
1521 //alert(mensagem); 1537 //alert(mensagem);
1522 - if(i3GEO.barraDeBotoes.TIPO === "olhodepeixe") 1538 + if(i3GEO.barraDeBotoes.TIPO === "olhodepeixe" || i3GEO.barraDeBotoes.TIPO === "olhodepeixe1")
1523 {balloonAjuda.showTooltip(objeto,mensagem,null,null,null,pos[0],pos[1]-40);} 1539 {balloonAjuda.showTooltip(objeto,mensagem,null,null,null,pos[0],pos[1]-40);}
1524 else 1540 else
1525 {balloonAjuda.showTooltip(objeto,mensagem,null,null,null,pos[0]+12,pos[1]);} 1541 {balloonAjuda.showTooltip(objeto,mensagem,null,null,null,pos[0]+12,pos[1]);}
classesjs/classe_interface.js
  Diff comments   View file @5221a22
@@ -461,7 +461,7 @@ i3GEO.Interface = { @@ -461,7 +461,7 @@ i3GEO.Interface = {
461 */ 461 */
462 ativaBotoes : function() { 462 ativaBotoes : function() {
463 if (i3GEO.Interface.STATUS.trocando === false) { 463 if (i3GEO.Interface.STATUS.trocando === false) {
464 - if (i3GEO.barraDeBotoes.TIPO === "olhodepeixe") { 464 + if (i3GEO.barraDeBotoes.TIPO === "olhodepeixe" || i3GEO.barraDeBotoes.TIPO === "olhodepeixe1") {
465 i3GEO.barraDeBotoes.inicializaBarra(); 465 i3GEO.barraDeBotoes.inicializaBarra();
466 } else if (i3GEO.barraDeBotoes.TIPO === "yui") { 466 } else if (i3GEO.barraDeBotoes.TIPO === "yui") {
467 i3GEO.Interface[i3GEO.Interface.ATUAL].ativaBotoes(); 467 i3GEO.Interface[i3GEO.Interface.ATUAL].ativaBotoes();
exemplos/barraemlinha2.htm
  Diff comments   View file @5221a22
@@ -125,27 +125,28 @@ @@ -125,27 +125,28 @@
125 </div> 125 </div>
126 <style> 126 <style>
127 #barraDeIcones { 127 #barraDeIcones {
128 - border: 0px solid black;  
129 - border-radius: 4px;  
130 - height: 50px;  
131 - margin: auto;  
132 - padding: 1px;  
133 - position: relative;  
134 - top: -60px;  
135 - width: 510px;  
136 - z-index: 5000;  
137 - overflow: hidden; 128 + border: 0px solid black;
  129 + border-radius: 4px;
  130 + height: 50px;
  131 + margin: auto;
  132 + padding: 1px;
  133 + position: relative;
  134 + top: -60px;
  135 + width: 510px;
  136 + z-index: 5000;
  137 + overflow: hidden;
138 } 138 }
139 -#barraDeIcones_mascara{ 139 +
  140 +#barraDeIcones_mascara {
140 z-index: -1; 141 z-index: -1;
141 opacity: 0.4; 142 opacity: 0.4;
142 - display:block;  
143 - position:absolute; 143 + display: block;
  144 + position: absolute;
144 width: 100%; 145 width: 100%;
145 height: 100%; 146 height: 100%;
146 background: none repeat scroll 0 0 black; 147 background: none repeat scroll 0 0 black;
147 - border-radius: 4px;  
148 - overflow: hidden; 148 + border-radius: 4px;
  149 + overflow: hidden;
149 } 150 }
150 </style> 151 </style>
151 <script> 152 <script>
exemplos/cursodsv10.htm
  Diff comments   View file @5221a22
@@ -33,6 +33,7 @@ Mais detalhes em: @@ -33,6 +33,7 @@ Mais detalhes em:
33 ************/ 33 ************/
34 34
35 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma 35 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
  36 +i3GEO.configura.mapaRefDisplay = "none";//nao mostra o mapa de referencia
36 //parametros de configuracao da arvore 37 //parametros de configuracao da arvore
37 i3GEO.arvoreDeCamadas.EXPANDIDA = true; 38 i3GEO.arvoreDeCamadas.EXPANDIDA = true;
38 //opcoes da barra de icones principal 39 //opcoes da barra de icones principal
exemplos/cursodsv11.htm
  Diff comments   View file @5221a22
@@ -28,6 +28,7 @@ Nesse mapa apenas a legenda em cada tema pode ser mostrada. @@ -28,6 +28,7 @@ Nesse mapa apenas a legenda em cada tema pode ser mostrada.
28 ************/ 28 ************/
29 29
30 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma 30 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
  31 +i3GEO.configura.mapaRefDisplay = "none";//nao mostra o mapa de referencia
31 //parametros de configuracao da arvore 32 //parametros de configuracao da arvore
32 i3GEO.arvoreDeCamadas.EXPANDIDA = true; 33 i3GEO.arvoreDeCamadas.EXPANDIDA = true;
33 i3GEO.arvoreDeCamadas.OPCOESICONES = false; 34 i3GEO.arvoreDeCamadas.OPCOESICONES = false;
exemplos/cursodsv12.htm
  Diff comments   View file @5221a22
@@ -43,6 +43,7 @@ Controlando-se os estilos, pode-se evitar que sejam mostradas as linhas entre os @@ -43,6 +43,7 @@ Controlando-se os estilos, pode-se evitar que sejam mostradas as linhas entre os
43 ************/ 43 ************/
44 44
45 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma 45 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
  46 +i3GEO.configura.mapaRefDisplay = "none";//nao mostra o mapa de referencia
46 //camadas adicionais e quais ficarao visiveis 47 //camadas adicionais e quais ficarao visiveis
47 i3GEO.mapa.TEMASINICIAIS = "_lbiomashp,_llocali"; 48 i3GEO.mapa.TEMASINICIAIS = "_lbiomashp,_llocali";
48 i3GEO.mapa.TEMASINICIAISLIGADOS = "_lbiomashp"; 49 i3GEO.mapa.TEMASINICIAISLIGADOS = "_lbiomashp";
exemplos/cursodsv13.htm
  Diff comments   View file @5221a22
@@ -34,6 +34,7 @@ Nesse mapa e feito um exemplo utilizando-se um template diferente do default @@ -34,6 +34,7 @@ Nesse mapa e feito um exemplo utilizando-se um template diferente do default
34 ************/ 34 ************/
35 35
36 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma 36 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
  37 +i3GEO.configura.mapaRefDisplay = "none";//nao mostra o mapa de referencia
37 //camadas adicionais e quais ficarao visiveis 38 //camadas adicionais e quais ficarao visiveis
38 i3GEO.mapa.TEMASINICIAIS = "_lbiomashp,_llocali"; 39 i3GEO.mapa.TEMASINICIAIS = "_lbiomashp,_llocali";
39 i3GEO.mapa.TEMASINICIAISLIGADOS = "_lbiomashp"; 40 i3GEO.mapa.TEMASINICIAISLIGADOS = "_lbiomashp";
exemplos/cursodsv14.htm
  Diff comments   View file @5221a22
@@ -31,6 +31,7 @@ seja montada de forma totalmente diferente do original @@ -31,6 +31,7 @@ seja montada de forma totalmente diferente do original
31 ************/ 31 ************/
32 32
33 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma 33 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
  34 +i3GEO.configura.mapaRefDisplay = "none";//nao mostra o mapa de referencia
34 //camadas adicionais e quais ficarao visiveis 35 //camadas adicionais e quais ficarao visiveis
35 i3GEO.mapa.TEMASINICIAIS = "_lbiomashp,_llocali"; 36 i3GEO.mapa.TEMASINICIAIS = "_lbiomashp,_llocali";
36 i3GEO.mapa.TEMASINICIAISLIGADOS = "_lbiomashp"; 37 i3GEO.mapa.TEMASINICIAISLIGADOS = "_lbiomashp";
exemplos/cursodsv15.htm
  Diff comments   View file @5221a22
@@ -30,6 +30,7 @@ Saiba mais em: http://localhost/i3geo/documentacao/files/classesjs/classe_arvore @@ -30,6 +30,7 @@ Saiba mais em: http://localhost/i3geo/documentacao/files/classesjs/classe_arvore
30 ************/ 30 ************/
31 31
32 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma 32 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
  33 +i3GEO.configura.mapaRefDisplay = "none";//nao mostra o mapa de referencia
33 34
34 i3GEO.finalizaAPI = function(){ 35 i3GEO.finalizaAPI = function(){
35 i3GEO.arvoreDeTemas.OPCOESADICIONAIS.incluibusca = false; 36 i3GEO.arvoreDeTemas.OPCOESADICIONAIS.incluibusca = false;
exemplos/cursodsv16.htm
  Diff comments   View file @5221a22
@@ -36,6 +36,7 @@ Ao criar o menu, podem ser definidos alguns parametros, inclusive da propria API @@ -36,6 +36,7 @@ Ao criar o menu, podem ser definidos alguns parametros, inclusive da propria API
36 ************/ 36 ************/
37 37
38 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma 38 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
  39 +i3GEO.configura.mapaRefDisplay = "none";//nao mostra o mapa de referencia
39 40
40 //parametros para o menu 41 //parametros para o menu
41 i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso = { 42 i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso = {
exemplos/cursodsv17.htm
  Diff comments   View file @5221a22
@@ -41,6 +41,7 @@ como parametros de inicializacao e nao no objeto oMenuData @@ -41,6 +41,7 @@ como parametros de inicializacao e nao no objeto oMenuData
41 ************/ 41 ************/
42 42
43 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma 43 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
  44 +i3GEO.configura.mapaRefDisplay = "none";//nao mostra o mapa de referencia
44 45
45 //parametros para o menu 46 //parametros para o menu
46 i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso = { 47 i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso = {
exemplos/cursodsv18.htm
  Diff comments   View file @5221a22
@@ -36,6 +36,7 @@ Nesse exemplo, o mapa mostra apenas a barra de escala @@ -36,6 +36,7 @@ Nesse exemplo, o mapa mostra apenas a barra de escala
36 ************/ 36 ************/
37 37
38 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma 38 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
  39 +i3GEO.configura.mapaRefDisplay = "none";//nao mostra o mapa de referencia
39 //parametros da interface OpenLayers 40 //parametros da interface OpenLayers
40 i3GEO.Interface.openlayers.GADGETS = { 41 i3GEO.Interface.openlayers.GADGETS = {
41 PanZoomBar : false, 42 PanZoomBar : false,
exemplos/cursodsv19.htm 0 → 100644
  Diff comments   View file @5221a22
@@ -0,0 +1,84 @@ @@ -0,0 +1,84 @@
  1 +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2 +<html>
  3 +<head>
  4 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
  5 +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
  6 +<title>i3GEO - OpenLayers</title>
  7 +<script src="../classesjs/i3geonaocompacto.js"></script>
  8 +<script src="../pacotes/openlayers/OpenLayers2131.js"></script>
  9 +<link rel="stylesheet" type="text/css" href="../css/black.css">
  10 +</head>
  11 +<body style='background:white;' class=yui-skin-sam >
  12 +<div style="left:150px;top:100px">
  13 + <div id="menuSuspenso" style="width:750px;left:50px;">
  14 + </div>
  15 +
  16 + <div id=i3geo >
  17 + <div id=corpoMapa style="width:750px;height:400px;background-image:url('../imagens/i3geo1bw.jpg');">
  18 + </div>
  19 + </div>
  20 +</div>
  21 +
  22 +<style>
  23 +#menuSuspenso .bd{
  24 + background: black;
  25 +}
  26 +</style>
  27 +<script>
  28 +/************
  29 +A barra de botoes inclui as principais funcionalidades que interagem diretamente com o mapa, exigindo cliques ou
  30 +outros movimentos do mouse
  31 +
  32 +Um dos tipos de barra e a "olhodepeixe1" que usa o efeito de lente quando o usuario passa o mouse sobre o icone.
  33 +
  34 +Quando i3GEO.barraDeBotoes.TIPO = "olhodepeixe1" a barra e construida sem a necessidade de inserir elementos
  35 +HTML especificos.
  36 +
  37 +A posicao da barra pode ser ajustada definindo-se um OFFSET em relacao ao topo da pagina
  38 +
  39 +************/
  40 +i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
  41 +i3GEO.configura.mapaRefDisplay = "none";//nao mostra o mapa de referencia
  42 +//parametros da interface OpenLayers
  43 +i3GEO.Interface.openlayers.GADGETS = {
  44 + PanZoomBar : false,
  45 + PanZoom : false,
  46 + LayerSwitcher : false,
  47 + ScaleLine : true,
  48 + OverviewMap : false
  49 +};
  50 +//parametros para o menu
  51 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso = {
  52 + permiteLogin: true,
  53 + marcadores: true,
  54 + idhtml:"menuSuspenso",
  55 + deslocaEsquerda:0,
  56 + parametrosYUI: {iframe:false,autosubmenudisplay: false, showdelay: 200, hidedelay: 500, lazyload: false}
  57 + };
  58 +
  59 +i3GEO.configura.oMenuData = {
  60 + menu:[
  61 + {nome:$trad("s1"),id:"ajudaMenu"}
  62 + ],
  63 + submenus:{
  64 + "ajudaMenu": [
  65 + { id:"omenudataAjudamenu9",text: $trad("x68"), url: "javascript:i3GEO.janela.tempoMsg(i3GEO.parametros.mensageminicia)" },
  66 + { id:"omenudataAjudamenu2",text: $trad("u2"), url: "javascript:i3GEO.ajuda.abreDoc()" },
  67 + { id:"omenudataAjudamenu3",text: $trad("u4a"), url: "javascript:i3GEO.ajuda.abreDoc('/documentacao/manual-i3geo-6_0-pt.pdf')" },
  68 + { id:"omenudataAjudamenu4",text: $trad("u4"), url: "http://www.softwarepublico.gov.br/dotlrn/clubs/i3geo/file-storage/index?folder%5fid=22667525", target:"_blank" },
  69 + { id:"omenudataAjudamenu5",text: $trad("u5a"), url: "http://www.softwarepublico.gov.br", target:"_blank" },
  70 + { id:"omenudataAjudamenu1",text: $trad("x67"), url: "http://www.softwarepublico.gov.br/spb/ver-comunidade?community_id=1444332", target:"_blank" },
  71 + { id:"omenudataAjudamenu7",text: $trad("u5b"), url: "javascript:i3GEO.ajuda.abreDoc('/ajuda_usuario.php')"},
  72 + { id:"omenudataAjudamenu8",text: $trad("u5c"), url: "javascript:i3GEO.ajuda.redesSociais()" }
  73 + ]
  74 + }
  75 +};
  76 +
  77 +i3GEO.cria();
  78 +//parametros da barra de botoes
  79 +i3GEO.barraDeBotoes.TIPO = "olhodepeixe1";
  80 +i3GEO.inicia();
  81 +
  82 +</script>
  83 +</body>
  84 +</html>
exemplos/cursodsv20.htm 0 → 100644
  Diff comments   View file @5221a22
@@ -0,0 +1,85 @@ @@ -0,0 +1,85 @@
  1 +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2 +<html>
  3 +<head>
  4 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
  5 +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
  6 +<title>i3GEO - OpenLayers</title>
  7 +<script src="../classesjs/i3geonaocompacto.js"></script>
  8 +<script src="../pacotes/openlayers/OpenLayers2131.js"></script>
  9 +<link rel="stylesheet" type="text/css" href="../css/black.css">
  10 +</head>
  11 +<body style='background:white;' class=yui-skin-sam >
  12 +
  13 +<div id="menuSuspenso" style="width:750px;">
  14 +</div>
  15 +
  16 +<div >
  17 + <div id=i3geo >
  18 + <div id=corpoMapa style="top:1px;width:750px;height:400px;background-image:url('../imagens/i3geo1bw.jpg');">
  19 + </div>
  20 + </div>
  21 +</div>
  22 +<style>
  23 +#menuSuspenso .bd{
  24 + background: black;
  25 +}
  26 +</style>
  27 +<script>
  28 +/************
  29 +A barra de botoes inclui as principais funcionalidades que interagem diretamente com o mapa, exigindo cliques ou
  30 +outros movimentos do mouse
  31 +
  32 +Um dos tipos de barra e a "olhodepeixe1" que usa o efeito de lente quando o usuario passa o mouse sobre o icone.
  33 +
  34 +Quando i3GEO.barraDeBotoes.TIPO = "olhodepeixe1" a barra e construida sem a necessidade de inserir elementos
  35 +HTML especificos.
  36 +
  37 +A posicao da barra pode ser ajustada definindo-se um OFFSET em relacao ao topo da pagina
  38 +
  39 +************/
  40 +i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
  41 +i3GEO.configura.mapaRefDisplay = "none";//nao mostra o mapa de referencia
  42 +//parametros da interface OpenLayers
  43 +i3GEO.Interface.openlayers.GADGETS = {
  44 + PanZoomBar : false,
  45 + PanZoom : false,
  46 + LayerSwitcher : false,
  47 + ScaleLine : true,
  48 + OverviewMap : false
  49 +};
  50 +//parametros para o menu
  51 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso = {
  52 + permiteLogin: true,
  53 + marcadores: true,
  54 + idhtml:"menuSuspenso",
  55 + deslocaEsquerda:0,
  56 + parametrosYUI: {iframe:false,autosubmenudisplay: false, showdelay: 200, hidedelay: 500, lazyload: false}
  57 + };
  58 +
  59 +i3GEO.configura.oMenuData = {
  60 + menu:[
  61 + {nome:$trad("s1"),id:"ajudaMenu"}
  62 + ],
  63 + submenus:{
  64 + "ajudaMenu": [
  65 + { id:"omenudataAjudamenu9",text: $trad("x68"), url: "javascript:i3GEO.janela.tempoMsg(i3GEO.parametros.mensageminicia)" },
  66 + { id:"omenudataAjudamenu2",text: $trad("u2"), url: "javascript:i3GEO.ajuda.abreDoc()" },
  67 + { id:"omenudataAjudamenu3",text: $trad("u4a"), url: "javascript:i3GEO.ajuda.abreDoc('/documentacao/manual-i3geo-6_0-pt.pdf')" },
  68 + { id:"omenudataAjudamenu4",text: $trad("u4"), url: "http://www.softwarepublico.gov.br/dotlrn/clubs/i3geo/file-storage/index?folder%5fid=22667525", target:"_blank" },
  69 + { id:"omenudataAjudamenu5",text: $trad("u5a"), url: "http://www.softwarepublico.gov.br", target:"_blank" },
  70 + { id:"omenudataAjudamenu1",text: $trad("x67"), url: "http://www.softwarepublico.gov.br/spb/ver-comunidade?community_id=1444332", target:"_blank" },
  71 + { id:"omenudataAjudamenu7",text: $trad("u5b"), url: "javascript:i3GEO.ajuda.abreDoc('/ajuda_usuario.php')"},
  72 + { id:"omenudataAjudamenu8",text: $trad("u5c"), url: "javascript:i3GEO.ajuda.redesSociais()" }
  73 + ]
  74 + }
  75 +};
  76 +
  77 +i3GEO.cria();
  78 +//parametros da barra de botoes
  79 +i3GEO.barraDeBotoes.TIPO = "olhodepeixe1";
  80 +i3GEO.barraDeBotoes.OFFSET = -400 + -24;
  81 +i3GEO.inicia();
  82 +
  83 +</script>
  84 +</body>
  85 +</html>
exemplos/cursodsv3.htm
  Diff comments   View file @5221a22
@@ -79,6 +79,8 @@ Verifica se i3GEO.configura.sid esta vazia ou nao (guarda o ID da SESSION PHP) @@ -79,6 +79,8 @@ Verifica se i3GEO.configura.sid esta vazia ou nao (guarda o ID da SESSION PHP)
79 79
80 Mostra o nome do usuario caso esteja logado 80 Mostra o nome do usuario caso esteja logado
81 ************/ 81 ************/
  82 +//nao mostra o mapa de referencia
  83 +i3GEO.configura.mapaRefDisplay = "none";
82 i3GEO.cria(); 84 i3GEO.cria();
83 i3GEO.inicia(); 85 i3GEO.inicia();
84 </script> 86 </script>
exemplos/cursodsv4.htm
  Diff comments   View file @5221a22
@@ -29,6 +29,7 @@ Os controles especificos do OpenLayers sao: @@ -29,6 +29,7 @@ Os controles especificos do OpenLayers sao:
29 ************/ 29 ************/
30 30
31 //i3GEO.configura.diminuiyN = 0 31 //i3GEO.configura.diminuiyN = 0
  32 +i3GEO.configura.mapaRefDisplay = "none";//nao mostra o mapa de referencia
32 i3GEO.cria(); 33 i3GEO.cria();
33 i3GEO.inicia(); 34 i3GEO.inicia();
34 </script> 35 </script>
exemplos/cursodsv5.htm
  Diff comments   View file @5221a22
@@ -15,6 +15,7 @@ @@ -15,6 +15,7 @@
15 Esse mapa tem o tamanho definido em corpoMapa via style 15 Esse mapa tem o tamanho definido em corpoMapa via style
16 16
17 ************/ 17 ************/
  18 +i3GEO.configura.mapaRefDisplay = "none";//nao mostra o mapa de referencia
18 i3GEO.cria(); 19 i3GEO.cria();
19 i3GEO.inicia(); 20 i3GEO.inicia();
20 </script> 21 </script>
exemplos/cursodsv6.htm
  Diff comments   View file @5221a22
@@ -22,6 +22,7 @@ Esse mapa tem o tamanho definido em corpoMapa via style e esta posicionado em um @@ -22,6 +22,7 @@ Esse mapa tem o tamanho definido em corpoMapa via style e esta posicionado em um
22 22
23 ************/ 23 ************/
24 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma 24 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
  25 +i3GEO.configura.mapaRefDisplay = "none";//nao mostra o mapa de referencia
25 i3GEO.cria(); 26 i3GEO.cria();
26 i3GEO.inicia(); 27 i3GEO.inicia();
27 </script> 28 </script>
exemplos/cursodsv7.htm
  Diff comments   View file @5221a22
@@ -37,6 +37,7 @@ A lista de componentes pode ser vista em: @@ -37,6 +37,7 @@ A lista de componentes pode ser vista em:
37 ************/ 37 ************/
38 //i3GEO.gadgets.PARAMETROS.mostraEscalaNumerica.idhtml = "escalaTeste"; 38 //i3GEO.gadgets.PARAMETROS.mostraEscalaNumerica.idhtml = "escalaTeste";
39 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma 39 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
  40 +i3GEO.configura.mapaRefDisplay = "none";//nao mostra o mapa de referencia
40 i3GEO.cria(); 41 i3GEO.cria();
41 i3GEO.inicia(); 42 i3GEO.inicia();
42 </script> 43 </script>
exemplos/cursodsv8.htm
  Diff comments   View file @5221a22
@@ -36,6 +36,7 @@ A arvore criada e um objeto do YAHOO e fica armazenada em i3GEO.arvoreDeCamadas. @@ -36,6 +36,7 @@ A arvore criada e um objeto do YAHOO e fica armazenada em i3GEO.arvoreDeCamadas.
36 ************/ 36 ************/
37 37
38 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma 38 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
  39 +i3GEO.configura.mapaRefDisplay = "none";//nao mostra o mapa de referencia
39 i3GEO.finalizaAPI = function(){ 40 i3GEO.finalizaAPI = function(){
40 //cria a arvore apos o mapa ter terminado 41 //cria a arvore apos o mapa ter terminado
41 $i("logMapa").innerHTML += "<p class=paragrafo >O mapa terminou..."; 42 $i("logMapa").innerHTML += "<p class=paragrafo >O mapa terminou...";
exemplos/cursodsv9.htm
  Diff comments   View file @5221a22
@@ -29,6 +29,7 @@ Veja mais em: http://yui.github.io/yui2/docs/yui_2.9.0_full/docs/YAHOO.widget.Tr @@ -29,6 +29,7 @@ Veja mais em: http://yui.github.io/yui2/docs/yui_2.9.0_full/docs/YAHOO.widget.Tr
29 ************/ 29 ************/
30 30
31 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma 31 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
  32 +i3GEO.configura.mapaRefDisplay = "none";//nao mostra o mapa de referencia
32 i3GEO.arvoreDeCamadas.FINALIZA = function(){ 33 i3GEO.arvoreDeCamadas.FINALIZA = function(){
33 if(i3GEO.arvoreDeCamadas.ARVORE){ 34 if(i3GEO.arvoreDeCamadas.ARVORE){
34 //recolhe todos os nos da arvore 35 //recolhe todos os nos da arvore
exemplos/index.html
  Diff comments   View file @5221a22
@@ -95,6 +95,8 @@ body,td { @@ -95,6 +95,8 @@ body,td {
95 <a href="codemirror.php?&pagina=cursodsv17.htm" target="_blank">[17]</a> 95 <a href="codemirror.php?&pagina=cursodsv17.htm" target="_blank">[17]</a>
96 &nbsp;&nbsp; 96 &nbsp;&nbsp;
97 <a href="codemirror.php?&pagina=cursodsv18.htm" target="_blank">[18]</a> 97 <a href="codemirror.php?&pagina=cursodsv18.htm" target="_blank">[18]</a>
  98 + &nbsp;&nbsp;
  99 + <a href="codemirror.php?&pagina=cursodsv19.htm" target="_blank">[19]</a>
98 </p> 100 </p>
99 </fieldset> 101 </fieldset>
100 <fieldset> 102 <fieldset>
interface/openlayersdebug.htm
  Diff comments   View file @5221a22
@@ -211,7 +211,7 @@ i3GEO.cria(); @@ -211,7 +211,7 @@ i3GEO.cria();
211 //n&atilde;o mostra o mapa de refer&ecirc;ncia 211 //n&atilde;o mostra o mapa de refer&ecirc;ncia
212 i3GEO.configura.mapaRefDisplay = "none"; 212 i3GEO.configura.mapaRefDisplay = "none";
213 //tipo de barra de bot&otilde;es 213 //tipo de barra de bot&otilde;es
214 -i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; 214 +i3GEO.barraDeBotoes.TIPO = "olhodepeixe1";
215 //ajusta o deslocamento da barra de botoes 215 //ajusta o deslocamento da barra de botoes
216 i3GEO.barraDeBotoes.OFFSET = 11; 216 i3GEO.barraDeBotoes.OFFSET = 11;
217 //ajusta a posicao da barra de botoes no IE 217 //ajusta a posicao da barra de botoes no IE
pacotes/eudock/js/euDock.2.0.js
  Diff comments   View file @5221a22
@@ -216,14 +216,21 @@ var euOPAQUE = 16; @@ -216,14 +216,21 @@ var euOPAQUE = 16;
216 ****** (START) ******* 216 ****** (START) *******
217 **************************************** 217 ****************************************
218 */ 218 */
219 - function euDock(){ 219 + function euDock(onde){
220 this.id = 'euDock_'+euEnv.Kost.next(); 220 this.id = 'euDock_'+euEnv.Kost.next();
221 var novoel = document.createElement("div"); 221 var novoel = document.createElement("div");
222 novoel.style.position = "absolute"; 222 novoel.style.position = "absolute";
  223 +
223 novoel.innerHTML = "<div id='"+this.id+"_bar' style='z-index:1;position:absolute;border:0px solid black;'></div>" + 224 novoel.innerHTML = "<div id='"+this.id+"_bar' style='z-index:1;position:absolute;border:0px solid black;'></div>" +
224 "<div onMouseOut='euEnv.euDockArray."+this.id+".mouseOut();' onMouseOver='euEnv.euDockArray."+this.id+".mouseOver();' id='"+this.id+"' style='z-index:1;position:absolute;border:0px solid black; cursor: pointer;'></div>"; 225 "<div onMouseOut='euEnv.euDockArray."+this.id+".mouseOut();' onMouseOver='euEnv.euDockArray."+this.id+".mouseOver();' id='"+this.id+"' style='z-index:1;position:absolute;border:0px solid black; cursor: pointer;'></div>";
225 - document.body.appendChild(novoel);  
226 226
  227 + if(onde){
  228 + novoel.style.zIndex = 100000;
  229 + onde.appendChild(novoel);
  230 + }
  231 + else{
  232 + document.body.appendChild(novoel);
  233 + }
227 this.div =document.getElementById(this.id); 234 this.div =document.getElementById(this.id);
228 this.divBar=document.getElementById(this.id+"_bar"); 235 this.divBar=document.getElementById(this.id+"_bar");
229 this.iconsArray=new Array(); 236 this.iconsArray=new Array();
@@ -276,18 +283,25 @@ var euOPAQUE = 16; @@ -276,18 +283,25 @@ var euOPAQUE = 16;
276 this.setObjectCoord = function(){ 283 this.setObjectCoord = function(){
277 var tempx,tempy; 284 var tempx,tempy;
278 if (this.objectAlign==euDOWN){ 285 if (this.objectAlign==euDOWN){
279 - tempx = euIdObjLeft(this.idObjectHook) + (this.idObjectHook.offsetWidth/2);  
280 - tempy = euIdObjTop(this.idObjectHook) + this.idObjectHook.offsetHeight + this.offset  
281 - if(navm && !document.doctype || (navm && document.doctype && document.doctype.systemId == "")){  
282 - tempx = i3GEO.util.pegaPosicaoObjeto($i(i3GEO.Interface.IDMAPA))[0] - (euIdObjLeft(this.idObjectHook) / 2); 286 + if(onde){
  287 + tempx = (this.idObjectHook.offsetWidth/2);
  288 + tempy = 0;
283 } 289 }
284 - //alert(tempx);  
285 - if(navm && i3GEO.util.versaoNavegador() === "IE8" && tempx < this.idObjectHook.offsetWidth){  
286 - tempx = i3GEO.parametros.w / 2;  
287 - if(i3GEO.guias.TIPO === "guia" || i3GEO.guias.TIPO === "sanfona" && $i("contemFerramentas")){  
288 - tempx += parseInt($i("contemFerramentas").style.width,10); 290 + else{
  291 + tempx = euIdObjLeft(this.idObjectHook) + (this.idObjectHook.offsetWidth/2);
  292 + tempy = euIdObjTop(this.idObjectHook) + this.idObjectHook.offsetHeight + this.offset
  293 + if(navm && !document.doctype || (navm && document.doctype && document.doctype.systemId == "")){
  294 + tempx = i3GEO.util.pegaPosicaoObjeto($i(i3GEO.Interface.IDMAPA))[0] + (euIdObjLeft(this.idObjectHook) / 2);
  295 + }
  296 + //alert(tempx);
  297 + if(navm && i3GEO.util.versaoNavegador() === "IE8" && tempx < this.idObjectHook.offsetWidth){
  298 + tempx = i3GEO.parametros.w / 2;
  299 + if(i3GEO.guias.TIPO === "guia" || i3GEO.guias.TIPO === "sanfona" && $i("contemFerramentas")){
  300 + tempx += parseInt($i("contemFerramentas").style.width,10);
  301 + }
289 } 302 }
290 } 303 }
  304 +
291 this.setCenterPos( 305 this.setCenterPos(
292 tempx, 306 tempx,
293 tempy 307 tempy
@@ -1160,4 +1174,4 @@ function on_MouseClick(e) { @@ -1160,4 +1174,4 @@ function on_MouseClick(e) {
1160 offsEut(); 1174 offsEut();
1161 euThread(); 1175 euThread();
1162 } 1176 }
1163 -*/  
1164 \ No newline at end of file 1177 \ No newline at end of file
  1178 +*/