Commit 5221a22fa22837f4f5f054cad8328fdc50b3f443
1 parent
7a312267
Exists in
master
and in
7 other branches
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
| ... | ... | @@ -11,7 +11,7 @@ Exemplo: |
| 11 | 11 | |
| 12 | 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 | 16 | Arquivo: |
| 17 | 17 | |
| ... | ... | @@ -61,14 +61,18 @@ i3GEO.barraDeBotoes = { |
| 61 | 61 | Tipo de barra. |
| 62 | 62 | |
| 63 | 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 | 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 | 77 | Tipo: |
| 74 | 78 | {string} |
| ... | ... | @@ -77,7 +81,7 @@ i3GEO.barraDeBotoes = { |
| 77 | 81 | {yui} |
| 78 | 82 | |
| 79 | 83 | Valores: |
| 80 | - {"yui","olhodepeixe","emlinha"} | |
| 84 | + {"yui","olhodepeixe","olhodepeixe1","emlinha"} | |
| 81 | 85 | */ |
| 82 | 86 | TIPO: "yui", |
| 83 | 87 | /* |
| ... | ... | @@ -112,7 +116,7 @@ i3GEO.barraDeBotoes = { |
| 112 | 116 | /* |
| 113 | 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 | 121 | Se for 0, todos os botões serão mostrados |
| 118 | 122 | |
| ... | ... | @@ -138,7 +142,7 @@ i3GEO.barraDeBotoes = { |
| 138 | 142 | /* |
| 139 | 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 | 147 | Tipo: |
| 144 | 148 | {string} |
| ... | ... | @@ -401,7 +405,7 @@ i3GEO.barraDeBotoes = { |
| 401 | 405 | |
| 402 | 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 | 409 | i3GEO.barraDeBotoes.INCLUIBOTAO deve existir um elemento nesse objeto. A chave de cada elemento é a mesma do objeto INCLUIBOTAO. |
| 406 | 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 | 822 | /* |
| 819 | 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 | 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 | 833 | if(i3GEO.barraDeBotoes.ATIVA === false || !$i(i3GEO.Interface.IDCORPO)){ |
| 828 | 834 | return; |
| 829 | 835 | } |
| ... | ... | @@ -852,7 +858,7 @@ i3GEO.barraDeBotoes = { |
| 852 | 858 | dica, |
| 853 | 859 | titulo, |
| 854 | 860 | i, |
| 855 | - dock = new euDock(), | |
| 861 | + dock = new euDock(onde), | |
| 856 | 862 | temp = "dockBg-r.png", |
| 857 | 863 | tempAjuda = "dockBg-l.png", |
| 858 | 864 | chaves = i3GEO.util.listaChaves(i3GEO.barraDeBotoes.INCLUIBOTAO), |
| ... | ... | @@ -864,7 +870,12 @@ i3GEO.barraDeBotoes = { |
| 864 | 870 | dock.setObjectAlign(i3GEO.Interface.IDCORPO,euUP, (i3GEO.parametros.h)*1 + i3GEO.barraDeBotoes.OFFSET,euDOWN); |
| 865 | 871 | } |
| 866 | 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 | 880 | if(i3GEO.barraDeBotoes.MAXBOTOES >= chaves.length){ |
| 870 | 881 | temp = "vazio.png"; |
| ... | ... | @@ -1019,8 +1030,13 @@ i3GEO.barraDeBotoes = { |
| 1019 | 1030 | if (i3GEO.configura.map3d === ""){ |
| 1020 | 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 | 1041 | else{ |
| 1026 | 1042 | if(this.TEMPLATEBOTAO === "" && i3GEO.Interface.TABLET === false){ |
| ... | ... | @@ -1519,7 +1535,7 @@ i3GEO.barraDeBotoes = { |
| 1519 | 1535 | balloonAjuda.cleanup(); |
| 1520 | 1536 | balloonIsVisible = false; |
| 1521 | 1537 | //alert(mensagem); |
| 1522 | - if(i3GEO.barraDeBotoes.TIPO === "olhodepeixe") | |
| 1538 | + if(i3GEO.barraDeBotoes.TIPO === "olhodepeixe" || i3GEO.barraDeBotoes.TIPO === "olhodepeixe1") | |
| 1523 | 1539 | {balloonAjuda.showTooltip(objeto,mensagem,null,null,null,pos[0],pos[1]-40);} |
| 1524 | 1540 | else |
| 1525 | 1541 | {balloonAjuda.showTooltip(objeto,mensagem,null,null,null,pos[0]+12,pos[1]);} | ... | ... |
classesjs/classe_interface.js
| ... | ... | @@ -461,7 +461,7 @@ i3GEO.Interface = { |
| 461 | 461 | */ |
| 462 | 462 | ativaBotoes : function() { |
| 463 | 463 | if (i3GEO.Interface.STATUS.trocando === false) { |
| 464 | - if (i3GEO.barraDeBotoes.TIPO === "olhodepeixe") { | |
| 464 | + if (i3GEO.barraDeBotoes.TIPO === "olhodepeixe" || i3GEO.barraDeBotoes.TIPO === "olhodepeixe1") { | |
| 465 | 465 | i3GEO.barraDeBotoes.inicializaBarra(); |
| 466 | 466 | } else if (i3GEO.barraDeBotoes.TIPO === "yui") { |
| 467 | 467 | i3GEO.Interface[i3GEO.Interface.ATUAL].ativaBotoes(); | ... | ... |
exemplos/barraemlinha2.htm
| ... | ... | @@ -125,27 +125,28 @@ |
| 125 | 125 | </div> |
| 126 | 126 | <style> |
| 127 | 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 | 141 | z-index: -1; |
| 141 | 142 | opacity: 0.4; |
| 142 | - display:block; | |
| 143 | - position:absolute; | |
| 143 | + display: block; | |
| 144 | + position: absolute; | |
| 144 | 145 | width: 100%; |
| 145 | 146 | height: 100%; |
| 146 | 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 | 151 | </style> |
| 151 | 152 | <script> | ... | ... |
exemplos/cursodsv10.htm
| ... | ... | @@ -33,6 +33,7 @@ Mais detalhes em: |
| 33 | 33 | ************/ |
| 34 | 34 | |
| 35 | 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 | 37 | //parametros de configuracao da arvore |
| 37 | 38 | i3GEO.arvoreDeCamadas.EXPANDIDA = true; |
| 38 | 39 | //opcoes da barra de icones principal | ... | ... |
exemplos/cursodsv11.htm
| ... | ... | @@ -28,6 +28,7 @@ Nesse mapa apenas a legenda em cada tema pode ser mostrada. |
| 28 | 28 | ************/ |
| 29 | 29 | |
| 30 | 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 | 32 | //parametros de configuracao da arvore |
| 32 | 33 | i3GEO.arvoreDeCamadas.EXPANDIDA = true; |
| 33 | 34 | i3GEO.arvoreDeCamadas.OPCOESICONES = false; | ... | ... |
exemplos/cursodsv12.htm
| ... | ... | @@ -43,6 +43,7 @@ Controlando-se os estilos, pode-se evitar que sejam mostradas as linhas entre os |
| 43 | 43 | ************/ |
| 44 | 44 | |
| 45 | 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 | 47 | //camadas adicionais e quais ficarao visiveis |
| 47 | 48 | i3GEO.mapa.TEMASINICIAIS = "_lbiomashp,_llocali"; |
| 48 | 49 | i3GEO.mapa.TEMASINICIAISLIGADOS = "_lbiomashp"; | ... | ... |
exemplos/cursodsv13.htm
| ... | ... | @@ -34,6 +34,7 @@ Nesse mapa e feito um exemplo utilizando-se um template diferente do default |
| 34 | 34 | ************/ |
| 35 | 35 | |
| 36 | 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 | 38 | //camadas adicionais e quais ficarao visiveis |
| 38 | 39 | i3GEO.mapa.TEMASINICIAIS = "_lbiomashp,_llocali"; |
| 39 | 40 | i3GEO.mapa.TEMASINICIAISLIGADOS = "_lbiomashp"; | ... | ... |
exemplos/cursodsv14.htm
| ... | ... | @@ -31,6 +31,7 @@ seja montada de forma totalmente diferente do original |
| 31 | 31 | ************/ |
| 32 | 32 | |
| 33 | 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 | 35 | //camadas adicionais e quais ficarao visiveis |
| 35 | 36 | i3GEO.mapa.TEMASINICIAIS = "_lbiomashp,_llocali"; |
| 36 | 37 | i3GEO.mapa.TEMASINICIAISLIGADOS = "_lbiomashp"; | ... | ... |
exemplos/cursodsv15.htm
| ... | ... | @@ -30,6 +30,7 @@ Saiba mais em: http://localhost/i3geo/documentacao/files/classesjs/classe_arvore |
| 30 | 30 | ************/ |
| 31 | 31 | |
| 32 | 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 | 35 | i3GEO.finalizaAPI = function(){ |
| 35 | 36 | i3GEO.arvoreDeTemas.OPCOESADICIONAIS.incluibusca = false; | ... | ... |
exemplos/cursodsv16.htm
| ... | ... | @@ -36,6 +36,7 @@ Ao criar o menu, podem ser definidos alguns parametros, inclusive da propria API |
| 36 | 36 | ************/ |
| 37 | 37 | |
| 38 | 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 | 41 | //parametros para o menu |
| 41 | 42 | i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso = { | ... | ... |
exemplos/cursodsv17.htm
| ... | ... | @@ -41,6 +41,7 @@ como parametros de inicializacao e nao no objeto oMenuData |
| 41 | 41 | ************/ |
| 42 | 42 | |
| 43 | 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 | 46 | //parametros para o menu |
| 46 | 47 | i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso = { | ... | ... |
exemplos/cursodsv18.htm
| ... | ... | @@ -36,6 +36,7 @@ Nesse exemplo, o mapa mostra apenas a barra de escala |
| 36 | 36 | ************/ |
| 37 | 37 | |
| 38 | 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 | //parametros da interface OpenLayers |
| 40 | 41 | i3GEO.Interface.openlayers.GADGETS = { |
| 41 | 42 | PanZoomBar : false, | ... | ... |
| ... | ... | @@ -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> | ... | ... |
| ... | ... | @@ -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
| ... | ... | @@ -79,6 +79,8 @@ Verifica se i3GEO.configura.sid esta vazia ou nao (guarda o ID da SESSION PHP) |
| 79 | 79 | |
| 80 | 80 | Mostra o nome do usuario caso esteja logado |
| 81 | 81 | ************/ |
| 82 | +//nao mostra o mapa de referencia | |
| 83 | +i3GEO.configura.mapaRefDisplay = "none"; | |
| 82 | 84 | i3GEO.cria(); |
| 83 | 85 | i3GEO.inicia(); |
| 84 | 86 | </script> | ... | ... |
exemplos/cursodsv4.htm
exemplos/cursodsv5.htm
exemplos/cursodsv6.htm
| ... | ... | @@ -22,6 +22,7 @@ Esse mapa tem o tamanho definido em corpoMapa via style e esta posicionado em um |
| 22 | 22 | |
| 23 | 23 | ************/ |
| 24 | 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 | 26 | i3GEO.cria(); |
| 26 | 27 | i3GEO.inicia(); |
| 27 | 28 | </script> | ... | ... |
exemplos/cursodsv7.htm
| ... | ... | @@ -37,6 +37,7 @@ A lista de componentes pode ser vista em: |
| 37 | 37 | ************/ |
| 38 | 38 | //i3GEO.gadgets.PARAMETROS.mostraEscalaNumerica.idhtml = "escalaTeste"; |
| 39 | 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 | 41 | i3GEO.cria(); |
| 41 | 42 | i3GEO.inicia(); |
| 42 | 43 | </script> | ... | ... |
exemplos/cursodsv8.htm
| ... | ... | @@ -36,6 +36,7 @@ A arvore criada e um objeto do YAHOO e fica armazenada em i3GEO.arvoreDeCamadas. |
| 36 | 36 | ************/ |
| 37 | 37 | |
| 38 | 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 | i3GEO.finalizaAPI = function(){ |
| 40 | 41 | //cria a arvore apos o mapa ter terminado |
| 41 | 42 | $i("logMapa").innerHTML += "<p class=paragrafo >O mapa terminou..."; | ... | ... |
exemplos/cursodsv9.htm
| ... | ... | @@ -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 | 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 | 33 | i3GEO.arvoreDeCamadas.FINALIZA = function(){ |
| 33 | 34 | if(i3GEO.arvoreDeCamadas.ARVORE){ |
| 34 | 35 | //recolhe todos os nos da arvore | ... | ... |
exemplos/index.html
| ... | ... | @@ -95,6 +95,8 @@ body,td { |
| 95 | 95 | <a href="codemirror.php?&pagina=cursodsv17.htm" target="_blank">[17]</a> |
| 96 | 96 | |
| 97 | 97 | <a href="codemirror.php?&pagina=cursodsv18.htm" target="_blank">[18]</a> |
| 98 | + | |
| 99 | + <a href="codemirror.php?&pagina=cursodsv19.htm" target="_blank">[19]</a> | |
| 98 | 100 | </p> |
| 99 | 101 | </fieldset> |
| 100 | 102 | <fieldset> | ... | ... |
interface/openlayersdebug.htm
| ... | ... | @@ -211,7 +211,7 @@ i3GEO.cria(); |
| 211 | 211 | //não mostra o mapa de referência |
| 212 | 212 | i3GEO.configura.mapaRefDisplay = "none"; |
| 213 | 213 | //tipo de barra de botões |
| 214 | -i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
| 214 | +i3GEO.barraDeBotoes.TIPO = "olhodepeixe1"; | |
| 215 | 215 | //ajusta o deslocamento da barra de botoes |
| 216 | 216 | i3GEO.barraDeBotoes.OFFSET = 11; |
| 217 | 217 | //ajusta a posicao da barra de botoes no IE | ... | ... |
pacotes/eudock/js/euDock.2.0.js
| ... | ... | @@ -216,14 +216,21 @@ var euOPAQUE = 16; |
| 216 | 216 | ****** (START) ******* |
| 217 | 217 | **************************************** |
| 218 | 218 | */ |
| 219 | - function euDock(){ | |
| 219 | + function euDock(onde){ | |
| 220 | 220 | this.id = 'euDock_'+euEnv.Kost.next(); |
| 221 | 221 | var novoel = document.createElement("div"); |
| 222 | 222 | novoel.style.position = "absolute"; |
| 223 | + | |
| 223 | 224 | novoel.innerHTML = "<div id='"+this.id+"_bar' style='z-index:1;position:absolute;border:0px solid black;'></div>" + |
| 224 | 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 | 234 | this.div =document.getElementById(this.id); |
| 228 | 235 | this.divBar=document.getElementById(this.id+"_bar"); |
| 229 | 236 | this.iconsArray=new Array(); |
| ... | ... | @@ -276,18 +283,25 @@ var euOPAQUE = 16; |
| 276 | 283 | this.setObjectCoord = function(){ |
| 277 | 284 | var tempx,tempy; |
| 278 | 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 | 305 | this.setCenterPos( |
| 292 | 306 | tempx, |
| 293 | 307 | tempy |
| ... | ... | @@ -1160,4 +1174,4 @@ function on_MouseClick(e) { |
| 1160 | 1174 | offsEut(); |
| 1161 | 1175 | euThread(); |
| 1162 | 1176 | } |
| 1163 | -*/ | |
| 1164 | 1177 | \ No newline at end of file |
| 1178 | +*/ | ... | ... |