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 | +*/ | ... | ... |