Download as
Browse Code »

Commit 9e1cd50dd3a604ff1968e96f022e29eb061deb46

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

Nova interface no padrão OpenLayers adaptada para uso em tablets

Showing 8 changed files with 351 additions and 56 deletions   Show diff stats
classesjs/classe_gadgets.js
  Diff comments   View file @9e1cd50
@@ -90,6 +90,10 @@ i3GEO.gadgets = { @@ -90,6 +90,10 @@ i3GEO.gadgets = {
90 "mostraMenuSuspenso": 90 "mostraMenuSuspenso":
91 91
92 {idhtml:"menus",deslocaEsquerda:0}, 92 {idhtml:"menus",deslocaEsquerda:0},
  93 +
  94 + "mostraMenuLista":
  95 +
  96 + {idhtml:"menuLista"},
93 97
94 "mostraVersao": 98 "mostraVersao":
95 99
@@ -116,6 +120,8 @@ i3GEO.gadgets = { @@ -116,6 +120,8 @@ i3GEO.gadgets = {
116 {idhtml:"historicozoom"}, 120 {idhtml:"historicozoom"},
117 "mostraMenuSuspenso": 121 "mostraMenuSuspenso":
118 {idhtml:"menus",deslocaEsquerda:0}, 122 {idhtml:"menus",deslocaEsquerda:0},
  123 + "mostraMenuLista":
  124 + {idhtml:"menuLista"},
119 "mostraVersao": 125 "mostraVersao":
120 {idhtml:"versaoi3geo"} 126 {idhtml:"versaoi3geo"}
121 }, 127 },
@@ -204,11 +210,14 @@ i3GEO.gadgets = { @@ -204,11 +210,14 @@ i3GEO.gadgets = {
204 */ 210 */
205 mostraEscalaNumerica: function(id){ 211 mostraEscalaNumerica: function(id){
206 if(typeof(console) !== 'undefined'){console.info("i3GEO.gadgets.mostraEscalaNumerica()");} 212 if(typeof(console) !== 'undefined'){console.info("i3GEO.gadgets.mostraEscalaNumerica()");}
207 - var i,ins,temp; 213 + var i,ins,temp,
  214 + onde;
208 if(arguments.length === 0) 215 if(arguments.length === 0)
209 {id = i3GEO.gadgets.PARAMETROS.mostraEscalaNumerica.idhtml;} 216 {id = i3GEO.gadgets.PARAMETROS.mostraEscalaNumerica.idhtml;}
210 - if($i(id)){  
211 - $i(id).style.display = "block"; 217 + onde = $i(id);
  218 + if(onde){
  219 + if(onde.style.display == "none")
  220 + {onde.style.display = "block";}
212 atualizaEscalaNumerica = function(escala){ 221 atualizaEscalaNumerica = function(escala){
213 var e = $i("i3geo_escalanum"); 222 var e = $i("i3geo_escalanum");
214 if(!e){ 223 if(!e){
@@ -227,12 +236,12 @@ i3GEO.gadgets = { @@ -227,12 +236,12 @@ i3GEO.gadgets = {
227 } 236 }
228 }; 237 };
229 if(!$i("i3geo_escalanum")){ 238 if(!$i("i3geo_escalanum")){
230 - i = $inputText(id,"155","i3geo_escalanum",$trad("d10"),"9",parseInt(i3GEO.parametros.mapscale,10));  
231 - ins = "<table><tr><td>1:"+i; 239 + i = $inputText(id,"100","i3geo_escalanum",$trad("d10"),"9",parseInt(i3GEO.parametros.mapscale,10));
  240 + ins = "<table><tr><td><span style=background-color:none >1:</span>"+i;
232 temp = 'var nova = document.getElementById("i3geo_escalanum").value;'; 241 temp = 'var nova = document.getElementById("i3geo_escalanum").value;';
233 temp += 'i3GEO.navega.aplicaEscala(i3GEO.configura.locaplic,i3GEO.configura.sid,nova);'; 242 temp += 'i3GEO.navega.aplicaEscala(i3GEO.configura.locaplic,i3GEO.configura.sid,nova);';
234 ins += "</td><td><img src='"+i3GEO.util.$im("branco.gif")+"' class='tic' onclick='"+temp+"' /></td></tr></table>"; 243 ins += "</td><td><img src='"+i3GEO.util.$im("branco.gif")+"' class='tic' onclick='"+temp+"' /></td></tr></table>";
235 - $i(id).innerHTML = ins; 244 + onde.innerHTML = ins;
236 } 245 }
237 if(i3GEO.eventos.NAVEGAMAPA.toString().search("atualizaEscalaNumerica()") < 0) 246 if(i3GEO.eventos.NAVEGAMAPA.toString().search("atualizaEscalaNumerica()") < 0)
238 {i3GEO.eventos.NAVEGAMAPA.push("atualizaEscalaNumerica()");} 247 {i3GEO.eventos.NAVEGAMAPA.push("atualizaEscalaNumerica()");}
@@ -782,25 +791,6 @@ i3GEO.gadgets = { @@ -782,25 +791,6 @@ i3GEO.gadgets = {
782 if(temp){ 791 if(temp){
783 temp.className="yui-navset"; 792 temp.className="yui-navset";
784 } 793 }
785 - //default dos cabeçalhos se a variável i3GEO.configura.oMenuData.menu não existir  
786 - /*  
787 - if(!confm.menu){  
788 - ins = '<div class="bd" style="display:block;align:right;border: 0px solid white;z-index:6000;line-height:1.4" >' +  
789 - '<ul class="first-of-type" style="display:block;border:0px solid white;top:10px;">';  
790 - sobe = "";  
791 - if(navn)  
792 - {sobe = "line-height:0px;";}  
793 - ins += '<li class="yuimenubaritem" style="padding-bottom:5px" ><a style="border: 0px solid white;" href="#" class="yuimenubaritemlabel" id="menuajuda" >&nbsp;&nbsp;'+$trad("s1")+'</a></li>' +  
794 - '<li class="yuimenubaritem" style="padding-bottom:5px"><a style="border: 0px solid white;" href="#" class="yuimenubaritemlabel" id="menuanalise" >&nbsp;&nbsp;'+$trad("s2")+'</a></li>' +  
795 - '<li class="yuimenubaritem" style="padding-bottom:5px"><a style="border: 0px solid white;" href="#" class="yuimenubaritemlabel" id="menujanelas" >&nbsp;&nbsp;'+$trad("s3")+'</a></li>' +  
796 - '<li class="yuimenubaritem" style="padding-bottom:5px"><a style="border: 0px solid white;" href="#" class="yuimenubaritemlabel" id="menuarquivos" >&nbsp;&nbsp;'+$trad("s4")+'</a></li>' +  
797 - '<li class="yuimenubaritem" style="padding-bottom:5px"><a style="border: 0px solid white;" href="#" class="yuimenubaritemlabel" id="menuinterface" >&nbsp;&nbsp;'+$trad("d27")+'</a></li>' +  
798 - '</ul>' +  
799 - '</div>';  
800 - objid.innerHTML=ins;  
801 - }  
802 - else{  
803 - */  
804 if(ms.deslocaEsquerda){ 794 if(ms.deslocaEsquerda){
805 alinhamento = "left:"+ms.deslocaEsquerda*-1+"px;"; 795 alinhamento = "left:"+ms.deslocaEsquerda*-1+"px;";
806 } 796 }
@@ -817,7 +807,6 @@ i3GEO.gadgets = { @@ -817,7 +807,6 @@ i3GEO.gadgets = {
817 ins += '</ul>'; 807 ins += '</ul>';
818 ins += '</div>'; 808 ins += '</div>';
819 objid.innerHTML=ins; 809 objid.innerHTML=ins;
820 - //}  
821 onMenuBarBeforeRender = function (p_sType, p_sArgs){ 810 onMenuBarBeforeRender = function (p_sType, p_sArgs){
822 var conta,nomeMenu,nomeSub, 811 var conta,nomeMenu,nomeSub,
823 subs = i3GEO.configura.oMenuData.submenus, 812 subs = i3GEO.configura.oMenuData.submenus,
@@ -890,6 +879,49 @@ i3GEO.gadgets = { @@ -890,6 +879,49 @@ i3GEO.gadgets = {
890 if(navm && i3GEO.Interface.ATUAL === "googlemaps") 879 if(navm && i3GEO.Interface.ATUAL === "googlemaps")
891 {temp.border = "2px dotted white";} 880 {temp.border = "2px dotted white";}
892 } 881 }
  882 + },
  883 + /*
  884 + Function: mostraMenuLista
  885 +
  886 + Mostra as opções existentes no menu suspenso porém na forma de uma lista de opções
  887 +
  888 + O conteúdo do menu é baseado na variável i3GEO.configura.oMenuData
  889 +
  890 + Parametro:
  891 +
  892 + id {String} - id do elemento HTML que receberá o resultado. Esse id por default é obtido de
  893 + i3GEO.gadgets.PARAMETROS
  894 + */
  895 + mostraMenuLista: function(id){
  896 + var objid,n,i,estilo,t,temp,nomeMenu,sub,
  897 + ms = i3GEO.gadgets.PARAMETROS.mostraMenuLista,
  898 + confm = i3GEO.configura.oMenuData,
  899 + ins = "",
  900 + subs = i3GEO.configura.oMenuData.submenus;
  901 + if(arguments.length === 0)
  902 + {id = ms.idhtml;}
  903 + else
  904 + {ms.idhtml = id;}
  905 +
  906 + objid = $i(id);
  907 + if(objid){
  908 + n = confm.menu.length;
  909 + for(i = 0;i < n;i += 1){
  910 + ins += '<div class="listaMenuTitulo" id=menulista_'+confm.menu[i].id+'>'+confm.menu[i].nome+'</div>';
  911 + }
  912 + objid.innerHTML=ins;
  913 + for(nomeMenu in subs){
  914 + if($i("menulista_"+nomeMenu)){
  915 + sub = subs[nomeMenu];
  916 + n = sub.length;
  917 + ins = "";
  918 + for(i=0;i<n;i++){
  919 + ins += "<p class='listaMenuItem' ><a href='"+sub[i].url+"' target='_blank'>"+sub[i].text+"</a>";
  920 + }
  921 + $i("menulista_"+nomeMenu).innerHTML += ins;
  922 + }
  923 + }
  924 + }
893 } 925 }
894 }; 926 };
895 //YAHOO.log("carregou classe gadgets", "Classes i3geo"); 927 //YAHOO.log("carregou classe gadgets", "Classes i3geo");
896 \ No newline at end of file 928 \ No newline at end of file
classesjs/classe_guias.js
  Diff comments   View file @9e1cd50
@@ -210,7 +210,7 @@ i3GEO.guias = { @@ -210,7 +210,7 @@ i3GEO.guias = {
210 {"guia"} 210 {"guia"}
211 211
212 Values: 212 Values:
213 - guia|sanfona 213 + guia|sanfona|tablet
214 */ 214 */
215 TIPO: "guia", 215 TIPO: "guia",
216 /* 216 /*
@@ -291,16 +291,21 @@ i3GEO.guias = { @@ -291,16 +291,21 @@ i3GEO.guias = {
291 // 291 //
292 //constroi as TAGs para as guias 292 //constroi as TAGs para as guias
293 // 293 //
294 - if(i3GEO.guias.TIPO === "guia"){  
295 - ins = '<ul class="yui-nav" style="border-width:0pt 0pt 0px;border-color:rgb(240,240,240);border-bottom-color:white;">'; 294 + if(i3GEO.guias.TIPO === "guia" || i3GEO.guias.TIPO === "tablet"){
  295 + ins = '<ul class="yui-nav" style="border-width:0pt 0pt 0px;border-color:rgb(240,240,240);border-bottom-color:white;text-align:center;">';
  296 + if(i3GEO.guias.TIPO === "tablet"){
  297 + ins += '<li><a href="#"><em><div onclick=i3GEO.guias.escondeGuias(); >^</div></em></a></li>';
  298 + }
296 for(ng=0;ng<nguias;ng++){ 299 for(ng=0;ng<nguias;ng++){
297 if($i(i3GEO.guias.CONFIGURA[guias[ng]].id)){ 300 if($i(i3GEO.guias.CONFIGURA[guias[ng]].id)){
298 if($i(i3GEO.guias.CONFIGURA[guias[ng]].idconteudo)) 301 if($i(i3GEO.guias.CONFIGURA[guias[ng]].idconteudo))
299 {ins += '<li><a href="#"><em><div id="'+i3GEO.guias.CONFIGURA[guias[ng]].id+'" >'+i3GEO.guias.CONFIGURA[guias[ng]].titulo+'</div></em></a></li>';} 302 {ins += '<li><a href="#"><em><div id="'+i3GEO.guias.CONFIGURA[guias[ng]].id+'" >'+i3GEO.guias.CONFIGURA[guias[ng]].titulo+'</div></em></a></li>';}
300 } 303 }
301 } 304 }
  305 + //adiciona uma guia que permite esconder todas as outras guias se for do tipo tablet
302 ins += "</ul>"; 306 ins += "</ul>";
303 onde.innerHTML = ins; 307 onde.innerHTML = ins;
  308 +
304 onf = function(){ 309 onf = function(){
305 var bcg,cor; 310 var bcg,cor;
306 bcg = this.parentNode.parentNode.style; 311 bcg = this.parentNode.parentNode.style;
@@ -387,8 +392,12 @@ i3GEO.guias = { @@ -387,8 +392,12 @@ i3GEO.guias = {
387 catch(e){ 392 catch(e){
388 if(typeof(console) !== 'undefined'){console.error(e);} 393 if(typeof(console) !== 'undefined'){console.error(e);}
389 } 394 }
390 - i3GEO.guias.mostra(i3GEO.guias.ATUAL);  
391 - i3GEO.guias.ativa(i3GEO.guias.ATUAL); 395 + if(i3GEO.guias.TIPO !== "tablet"){
  396 + i3GEO.guias.mostra(i3GEO.guias.ATUAL);
  397 + i3GEO.guias.ativa(i3GEO.guias.ATUAL);
  398 + }
  399 + else
  400 + {i3GEO.guias.escondeGuias();}
392 }, 401 },
393 /* 402 /*
394 Function: ajustaAltura 403 Function: ajustaAltura
@@ -413,6 +422,22 @@ i3GEO.guias = { @@ -413,6 +422,22 @@ i3GEO.guias = {
413 } 422 }
414 }, 423 },
415 /* 424 /*
  425 + Function: escondeGuias
  426 +
  427 + Esconde todas as guias
  428 + */
  429 + escondeGuias: function(){
  430 + var guias,nguias,g;
  431 + guias = i3GEO.util.listaChaves(i3GEO.guias.CONFIGURA);
  432 + nguias = guias.length;
  433 + for(g=0;g<nguias;g++){
  434 + if($i(this.CONFIGURA[guias[g]].idconteudo))
  435 + {$i(this.CONFIGURA[guias[g]].idconteudo).style.display="none";}
  436 + if($i(this.CONFIGURA[guias[g]].id))
  437 + {$i(this.CONFIGURA[guias[g]].id).parentNode.parentNode.style.background="transparent";}
  438 + }
  439 + },
  440 + /*
416 Function: mostra 441 Function: mostra
417 442
418 Mostra no mapa uma determinada guia 443 Mostra no mapa uma determinada guia
@@ -423,7 +448,7 @@ i3GEO.guias = { @@ -423,7 +448,7 @@ i3GEO.guias = {
423 */ 448 */
424 mostra: function(guia){ 449 mostra: function(guia){
425 if(typeof(console) !== 'undefined'){console.info("i3GEO.guias.mostra()");} 450 if(typeof(console) !== 'undefined'){console.info("i3GEO.guias.mostra()");}
426 - var guias,nguias,g; 451 + var guias,nguias,g,temp;
427 guias = i3GEO.util.listaChaves(i3GEO.guias.CONFIGURA); 452 guias = i3GEO.util.listaChaves(i3GEO.guias.CONFIGURA);
428 nguias = guias.length; 453 nguias = guias.length;
429 for(g=0;g<nguias;g++){ 454 for(g=0;g<nguias;g++){
@@ -442,12 +467,17 @@ i3GEO.guias = { @@ -442,12 +467,17 @@ i3GEO.guias = {
442 } 467 }
443 } 468 }
444 if(this.CONFIGURA[guia]){ 469 if(this.CONFIGURA[guia]){
445 - if($i(this.CONFIGURA[guia].idconteudo)){  
446 - $i(this.CONFIGURA[guia].idconteudo).style.display="block"; 470 + temp = $i(this.CONFIGURA[guia].idconteudo);
  471 + if(temp){
  472 + temp.style.display="block";
447 $i(this.CONFIGURA[guia].id).parentNode.parentNode.style.background="white"; 473 $i(this.CONFIGURA[guia].id).parentNode.parentNode.style.background="white";
448 this.ATUAL = guia; 474 this.ATUAL = guia;
449 } 475 }
450 } 476 }
  477 + if(i3GEO.guias.TIPO === "tablet"){
  478 + temp.style.left = (i3GEO.parametros.w / 2) - 150 + "px";
  479 + temp.style.height = i3GEO.parametros.h - 10 + "px";
  480 + }
451 }, 481 },
452 /* 482 /*
453 Function: ativa 483 Function: ativa
@@ -481,9 +511,10 @@ i3GEO.guias = { @@ -481,9 +511,10 @@ i3GEO.guias = {
481 if($i(this.IDGUIAS)) 511 if($i(this.IDGUIAS))
482 {$i(this.IDGUIAS).style.display="none";} 512 {$i(this.IDGUIAS).style.display="none";}
483 i = $i("contemFerramentas"); 513 i = $i("contemFerramentas");
484 - if(i)  
485 - {i.style.display = "none";} 514 + //if(i)
  515 + //{i.style.display = "none";}
486 w = parseInt($i("contemFerramentas").style.width,10); 516 w = parseInt($i("contemFerramentas").style.width,10);
  517 + $i("contemFerramentas").style.width = "0px";
487 i = $i("visual"); 518 i = $i("visual");
488 if (i) 519 if (i)
489 {i.style.width="0px";i.innerHTML="";} 520 {i.style.width="0px";i.innerHTML="";}
@@ -494,12 +525,12 @@ i3GEO.guias = { @@ -494,12 +525,12 @@ i3GEO.guias = {
494 i3GEO.parametros.w = l; 525 i3GEO.parametros.w = l;
495 if (navm) 526 if (navm)
496 {pos = "";} 527 {pos = "";}
497 - i = $i("img"); 528 + i = $i(i3GEO.Interface.IDCORPO);
498 if(i){ 529 if(i){
499 i.style.width= l+pos; 530 i.style.width= l+pos;
500 i.style.height= a+pos; 531 i.style.height= a+pos;
501 } 532 }
502 - i = $i("corpoMapa"); 533 + i = $i(i3GEO.Interface.IDMAPA);
503 if(i){ 534 if(i){
504 i.style.width= l+pos; 535 i.style.width= l+pos;
505 i.style.height= a+pos; 536 i.style.height= a+pos;
@@ -508,11 +539,7 @@ i3GEO.guias = { @@ -508,11 +539,7 @@ i3GEO.guias = {
508 i = $i("mst"); 539 i = $i("mst");
509 if(i) 540 if(i)
510 {i.style.width = l + 1 + pos;} 541 {i.style.width = l + 1 + pos;}
511 - i = $i("contemImg");  
512 - if(i){  
513 - i.style.height= a+pos;  
514 - i.style.width= l+pos;  
515 - } 542 +
516 if (i3GEO.configura.entorno === "sim"){ 543 if (i3GEO.configura.entorno === "sim"){
517 letras=["L","O"]; 544 letras=["L","O"];
518 for (l=0;l<2; l++){ 545 for (l=0;l<2; l++){
@@ -542,26 +569,29 @@ i3GEO.guias = { @@ -542,26 +569,29 @@ i3GEO.guias = {
542 novoel = document.createElement("div"); 569 novoel = document.createElement("div");
543 novoel.id = "janelaguias"; 570 novoel.id = "janelaguias";
544 novoel.style.display="block"; 571 novoel.style.display="block";
545 - novoel.innerHTML = '<div class="hd">Guias</div><div class="bd" id="conteudojanelaguias"></div>'; 572 + novoel.innerHTML = '<div class="hd">Guias <div onclick ="i3GEO.janela.minimiza(\'conteudojanelaguias\')" id="janelaguias_minimizaCabecalho" class="container-minimiza" ></div></div><div class="bd" id="conteudojanelaguias_corpo" style=padding:0px ></div>';
546 temp = $i("i3geo") ? $i("i3geo").appendChild(novoel) : document.body.appendChild(novoel); 573 temp = $i("i3geo") ? $i("i3geo").appendChild(novoel) : document.body.appendChild(novoel);
547 YAHOO.namespace("janelaguias.xp"); 574 YAHOO.namespace("janelaguias.xp");
548 - YAHOO.janelaguias.xp.panel = new YAHOO.widget.Panel("janelaguias", {width:"270px", fixedcenter: true, constraintoviewport: false, underlay:"none", close:true, visible:true, draggable:true, modal:false,iframe:false } ); 575 + YAHOO.janelaguias.xp.panel = new YAHOO.widget.Panel("janelaguias", {width:"270px", fixedcenter: true, constraintoviewport: false, underlay:"none", close:false, visible:true, draggable:true, modal:false,iframe:true } );
549 YAHOO.janelaguias.xp.panel.render(); 576 YAHOO.janelaguias.xp.panel.render();
  577 + YAHOO.janelaguias.xp.panel.cfg.setProperty("y", 0);
  578 + YAHOO.janelaDoca.xp.manager.register(YAHOO.janelaDoca.xp.panel);
550 i = $i(i3GEO.guias.IDGUIAS); 579 i = $i(i3GEO.guias.IDGUIAS);
551 - $i("janelaguias").appendChild(i); 580 + $i("conteudojanelaguias_corpo").appendChild(i);
552 i.style.borderLeft="1px solid black"; 581 i.style.borderLeft="1px solid black";
553 i.style.borderRight="1px solid black"; 582 i.style.borderRight="1px solid black";
554 guias = i3GEO.util.listaChaves(i3GEO.guias.CONFIGURA); 583 guias = i3GEO.util.listaChaves(i3GEO.guias.CONFIGURA);
555 nguias = guias.length; 584 nguias = guias.length;
556 for(g=0;g<nguias;g++){ 585 for(g=0;g<nguias;g++){
557 if($i(i3GEO.guias.CONFIGURA[guias[g]].idconteudo)){ 586 if($i(i3GEO.guias.CONFIGURA[guias[g]].idconteudo)){
558 - $i("janelaguias").appendChild($i(i3GEO.guias.CONFIGURA[guias[g]].idconteudo)); 587 + $i("conteudojanelaguias_corpo").appendChild($i(i3GEO.guias.CONFIGURA[guias[g]].idconteudo));
559 temp = $i(i3GEO.guias.CONFIGURA[guias[g]].idconteudo).style; 588 temp = $i(i3GEO.guias.CONFIGURA[guias[g]].idconteudo).style;
560 temp.background="white"; 589 temp.background="white";
561 temp.border="1px solid black"; 590 temp.border="1px solid black";
562 temp.borderTop="0px solid black"; 591 temp.borderTop="0px solid black";
563 temp.width="270px"; 592 temp.width="270px";
564 temp.left="-1px"; 593 temp.left="-1px";
  594 + temp.height = i3GEO.parametros.h - 90;
565 } 595 }
566 } 596 }
567 i3GEO.atualiza(""); 597 i3GEO.atualiza("");
classesjs/classe_i3geo.js
  Diff comments   View file @9e1cd50
@@ -543,6 +543,7 @@ i3GEO = { @@ -543,6 +543,7 @@ i3GEO = {
543 novow = YAHOO.util.Dom.getDocumentWidth() - i3GEO.util.getScrollerWidth(); 543 novow = YAHOO.util.Dom.getDocumentWidth() - i3GEO.util.getScrollerWidth();
544 novoh = YAHOO.util.Dom.getDocumentHeight(); 544 novoh = YAHOO.util.Dom.getDocumentHeight();
545 //o try aqui é necessário por conta do uso possível do i3geo em um iframe 545 //o try aqui é necessário por conta do uso possível do i3geo em um iframe
  546 + /*
546 try{ 547 try{
547 if (novow < 800){ 548 if (novow < 800){
548 novow = 800; 549 novow = 800;
@@ -552,6 +553,7 @@ i3GEO = { @@ -552,6 +553,7 @@ i3GEO = {
552 catch(e){ 553 catch(e){
553 if(typeof(console) !== 'undefined'){console.error(e);} 554 if(typeof(console) !== 'undefined'){console.error(e);}
554 } 555 }
  556 + */
555 //novoh = 500 557 //novoh = 500
556 document.body.style.width = novow; 558 document.body.style.width = novow;
557 document.body.style.height = novoh; 559 document.body.style.height = novoh;
classesjs/classe_interface.js
  Diff comments   View file @9e1cd50
@@ -462,6 +462,7 @@ i3GEO.Interface = { @@ -462,6 +462,7 @@ i3GEO.Interface = {
462 estilo.clip = 'rect('+0+" "+(parametros.w)+" "+(parametros.h)+" "+0+')'; 462 estilo.clip = 'rect('+0+" "+(parametros.w)+" "+(parametros.h)+" "+0+')';
463 objmapaparado = "nao"; //utilizado para verificar se o mouse esta parado 463 objmapaparado = "nao"; //utilizado para verificar se o mouse esta parado
464 gadgets.mostraMenuSuspenso(); 464 gadgets.mostraMenuSuspenso();
  465 + gadgets.mostraMenuLista();
465 i3GEO.eventos.ativa(i); 466 i3GEO.eventos.ativa(i);
466 i3GEO.coordenadas.mostraCoordenadas(); 467 i3GEO.coordenadas.mostraCoordenadas();
467 gadgets.mostraEscalaNumerica(); 468 gadgets.mostraEscalaNumerica();
@@ -802,7 +803,8 @@ i3GEO.Interface = { @@ -802,7 +803,8 @@ i3GEO.Interface = {
802 i3GEO.idioma.mostraSeletor, 803 i3GEO.idioma.mostraSeletor,
803 i3GEO.gadgets.mostraEscalaNumerica, 804 i3GEO.gadgets.mostraEscalaNumerica,
804 i3GEO.arvoreDeCamadas.cria, 805 i3GEO.arvoreDeCamadas.cria,
805 - i3GEO.util.arvore 806 + i3GEO.util.arvore,
  807 + i3GEO.gadgets.mostraMenuLista,
806 ],[ 808 ],[
807 null, 809 null,
808 null, 810 null,
@@ -811,7 +813,8 @@ i3GEO.Interface = { @@ -811,7 +813,8 @@ i3GEO.Interface = {
811 null, 813 null,
812 null, 814 null,
813 ["",i3GEO.arvoreDeCamadas.CAMADAS,i3GEO.configura.sid,i3GEO.configura.locaplic], 815 ["",i3GEO.arvoreDeCamadas.CAMADAS,i3GEO.configura.sid,i3GEO.configura.locaplic],
814 - ["<b>"+$trad("p13")+"</b>","listaPropriedades",i3GEO.configura.listaDePropriedadesDoMapa] 816 + ["<b>"+$trad("p13")+"</b>","listaPropriedades",i3GEO.configura.listaDePropriedadesDoMapa],
  817 + null
815 ], 818 ],
816 function(){} 819 function(){}
817 ); 820 );
@@ -1273,6 +1276,7 @@ i3GEO.Interface = { @@ -1273,6 +1276,7 @@ i3GEO.Interface = {
1273 i3GEO.coordenadas.mostraCoordenadas(); 1276 i3GEO.coordenadas.mostraCoordenadas();
1274 i3GEO.gadgets.mostraEscalaNumerica(); 1277 i3GEO.gadgets.mostraEscalaNumerica();
1275 i3GEO.gadgets.mostraMenuSuspenso(); 1278 i3GEO.gadgets.mostraMenuSuspenso();
  1279 + i3GEO.gadgets.mostraMenuLista();
1276 i3GEO.idioma.mostraSeletor(); 1280 i3GEO.idioma.mostraSeletor();
1277 g_operacao = ""; 1281 g_operacao = "";
1278 g_tipoacao = ""; 1282 g_tipoacao = "";
@@ -1947,6 +1951,7 @@ i3GEO.Interface = { @@ -1947,6 +1951,7 @@ i3GEO.Interface = {
1947 // 1951 //
1948 i3GEO.arvoreDeCamadas.cria("",i3GEO.arvoreDeCamadas.CAMADAS,i3GEO.configura.sid,i3GEO.configura.locaplic); 1952 i3GEO.arvoreDeCamadas.cria("",i3GEO.arvoreDeCamadas.CAMADAS,i3GEO.configura.sid,i3GEO.configura.locaplic);
1949 i3GEO.gadgets.mostraMenuSuspenso(); 1953 i3GEO.gadgets.mostraMenuSuspenso();
  1954 + i3GEO.gadgets.mostraMenuLista();
1950 i3GEO.Interface.googleearth.ativaBotoes(); 1955 i3GEO.Interface.googleearth.ativaBotoes();
1951 i3GEO.gadgets.mostraInserirKml("inserirKml"); 1956 i3GEO.gadgets.mostraInserirKml("inserirKml");
1952 i3GEO.Interface.googleearth.adicionaListaKml(); 1957 i3GEO.Interface.googleearth.adicionaListaKml();
classesjs/classe_janela.js
  Diff comments   View file @9e1cd50
@@ -349,15 +349,20 @@ i3GEO.janela = { @@ -349,15 +349,20 @@ i3GEO.janela = {
349 id {string} - prefixo utilizado na composição do id da janela 349 id {string} - prefixo utilizado na composição do id da janela
350 */ 350 */
351 minimiza: function(id){ 351 minimiza: function(id){
352 - var temp = $i(id+"_corpo"),n,i; 352 + var temp = $i(id+"_corpo"),
  353 + n,
  354 + i,
  355 + m = YAHOO.janelaDoca.xp.manager.find(id);
353 if(temp){ 356 if(temp){
354 if(temp.style.display === "block"){ 357 if(temp.style.display === "block"){
355 temp.style.display = "none"; 358 temp.style.display = "none";
356 - YAHOO.janelaDoca.xp.manager.find(id).hideIframe; 359 + if(m)
  360 + {m.hideIframe;}
357 } 361 }
358 else{ 362 else{
359 temp.style.display = "block"; 363 temp.style.display = "block";
360 - YAHOO.janelaDoca.xp.manager.find(id).showIframe; 364 + if(m)
  365 + {m.showIframe;}
361 } 366 }
362 } 367 }
363 temp = $i(id+"_resizehandle"); 368 temp = $i(id+"_resizehandle");
classesjs/classe_util.js
  Diff comments   View file @9e1cd50
@@ -338,7 +338,7 @@ i3GEO.util = { @@ -338,7 +338,7 @@ i3GEO.util = {
338 /* 338 /*
339 Function: arvore 339 Function: arvore
340 340
341 - Cria uma árvore com base em um objeto contendo aspropriedades. 341 + Cria uma árvore com base em um objeto contendo as propriedades.
342 342
343 No objeto com as propriedades, se "url" for igual a "", será incluído o texto original definido em "text". 343 No objeto com as propriedades, se "url" for igual a "", será incluído o texto original definido em "text".
344 344
@@ -363,7 +363,6 @@ i3GEO.util = { @@ -363,7 +363,6 @@ i3GEO.util = {
363 */ 363 */
364 arvore: function(titulo,onde,obj){ 364 arvore: function(titulo,onde,obj){
365 if(typeof(console) !== 'undefined'){console.info("i3GEO.util.arvore()");} 365 if(typeof(console) !== 'undefined'){console.info("i3GEO.util.arvore()");}
366 - //YAHOO.log("arvore", "i3geo");  
367 var arvore,root,tempNode,currentIconMode,d,c,i,linha,conteudo; 366 var arvore,root,tempNode,currentIconMode,d,c,i,linha,conteudo;
368 if(!$i(onde)){return;} 367 if(!$i(onde)){return;}
369 try{ 368 try{
interface/openlayers.htm
  Diff comments   View file @9e1cd50
@@ -20,7 +20,7 @@ @@ -20,7 +20,7 @@
20 <td> 20 <td>
21 <table width=100% cellspacing=0 cellpadding=0 > 21 <table width=100% cellspacing=0 cellpadding=0 >
22 <tr> 22 <tr>
23 - <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td> 23 + <td></td>
24 <td> 24 <td>
25 <!-- 25 <!--
26 Guias principais, não mude o ID, apenas o nome se for desejado 26 Guias principais, não mude o ID, apenas o nome se for desejado
@@ -145,7 +145,7 @@ @@ -145,7 +145,7 @@
145 </td> 145 </td>
146 </tr> 146 </tr>
147 </table> 147 </table>
148 -<script src="../classesjs/i3geo.js"></script> 148 +<script src="../classesjs/i3geonaocompacto.js"></script>
149 <script src="../pacotes/openlayers/OpenLayers29.js.php"></script> 149 <script src="../pacotes/openlayers/OpenLayers29.js.php"></script>
150 <script> 150 <script>
151 /* 151 /*
interface/openlayers_t.htm 0 → 100644
  Diff comments   View file @9e1cd50
@@ -0,0 +1,222 @@ @@ -0,0 +1,222 @@
  1 +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  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 +<style>
  8 +.listaMenuTitulo{
  9 + font-size: 13px;
  10 + text-align: left;
  11 + margin-left: 5px;
  12 + margin-top: 6px;
  13 +}
  14 +.listaMenuItem{
  15 + font-size:11px;
  16 + text-align: left;
  17 + margin-left:15px;
  18 + margin-top: 6px;
  19 +}
  20 +</style>
  21 +</head>
  22 +<body id="i3geo">
  23 +
  24 +<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>
  25 + <tr style="border:0px">
  26 + <td id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
  27 + </tr>
  28 + <tr>
  29 + <td style=text-align:center; >
  30 + <div style="top:0px;cursor:pointer;border-bottom: 1px solid #A3A3A3">
  31 + <div id=guia1 class=guia ></div>
  32 + <div id=guia2 class=guia ></div>
  33 + <div id=guia4 class=guia ></div>
  34 + <div id=guia6 class=guia >+</div>
  35 + </div>
  36 + </td>
  37 + </tr>
  38 + <tr>
  39 + <td style="vertical-align:top;border-width:0px;">
  40 + <table width="100%" style="vertical-align:top;border-width:0px">
  41 + <tr>
  42 + <td class=verdeclaro id=contemImg >
  43 + <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div>
  44 + </td>
  45 + </tr>
  46 + </table>
  47 + </td>
  48 + </tr>
  49 + <tr>
  50 + <td style=text-align:center;padding-top:2px; >
  51 + <div id=localizarxy style="text-align:center;font-size:10px;display:inline-table;">Aguarde...</div>
  52 + <div id=escala style="text-align:right;width:100px;display:inline-table;" ></div>
  53 +
  54 + </td>
  55 + </tr>
  56 + <tr style="border:0px">
  57 + <td id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td>
  58 + </tr>
  59 + <tr style="border:0px">
  60 + <td style=background-color:black ><input style="border:0px none; background-color:black;color:white;font-size:12pt;" type="text" size="1" id="i3geo_letreiro" ></td>
  61 + </tr>
  62 + <tr style="border:0px">
  63 + <td style=background-color:black;color:white >geoprocessamento@mma.gov.br </td>
  64 + </tr>
  65 +</table>
  66 +
  67 +<div id='guia1obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; >
  68 + <div style='left:5px;top:10px;' id=buscaRapida ></div>
  69 + <div id=listaPropriedades style='top:15px;' ></div>
  70 + <div id=listaLayersBase style='top:15px;'></div>
  71 + <div id=listaTemas style='top:15px;'></div>
  72 +</div>
  73 +<div id='guia2obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; >Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
  74 +<div id='guia4obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; >
  75 + <div id='legenda' style='text-align:left'></div>
  76 +</div>
  77 +<div id='guia6obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; >
  78 + <div id=i3GEOcompartilhar style="text-align:center;border-top:0px solid rgb(250,250,250);padding-top:1px;" ></div>
  79 + <div id=menuLista style='text-align:left'></div>
  80 +</div>
  81 +
  82 +<div id=seletorIdiomas style="position:absolute;top:15px;left:5px;z-index:20000" ></div>
  83 +
  84 +<center>
  85 +<br><br>
  86 +<table>
  87 +<tr>
  88 + <td><center><h1 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;"><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para criação de mapas interativos e geoprocessamento<h3 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro</h3></h2></h1></td>
  89 +</tr>
  90 +<tr>
  91 + <td style="padding:10px;"><center><img alt="logomarca" src='../imagens/logo_inicio.png'></td>
  92 +</tr>
  93 +<tr>
  94 + <td><center>
  95 + <!--
  96 + <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
  97 + -->
  98 + </td>
  99 +</tr>
  100 +</table>
  101 +<script src="../classesjs/i3geonaocompacto.js"></script>
  102 +<script src="../pacotes/openlayers/OpenLayers29.js.php"></script>
  103 +<script>
  104 +/*
  105 +Title: Interface Openlayers para tablets
  106 +
  107 +Abre o i3geo com todas as suas funcionalidades e interface de navegação controlada pela API Openlayers adaptada para dispositivos do tipo tablet.
  108 +
  109 +File: i3geo/interface/openlayers_m.htm
  110 +
  111 +Exemplo:
  112 +
  113 +http://<host>/i3geo/ms_criamapa.php
  114 +
  115 +http://<host>/i3geo/interface/openlayers_m.htm
  116 +
  117 +http://<host>/i3geo
  118 +
  119 +Para definir quais botões das barras de ferramentas serão incluídos no mapa, veja: <classe_barradebotoes.js> i3GEO.barraDeBotoes.INCLUIBOTAO
  120 +
  121 +*/
  122 +/*
  123 + Indica a localização correta do i3geo.
  124 +
  125 + É utilizada para identificar o local correto onde estão os programas em php que são utilizados.
  126 +
  127 + Se não for definida, o i3Geo tentará encontrar o local automaticamente com base na tag javascript
  128 +*/
  129 +//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  130 +/*
  131 +Para outras configurações, veja i3geo/classesjs/classe_configura.js
  132 +
  133 +exemplo
  134 +
  135 +i3GEO.configura.autotamanho = true;
  136 +*/
  137 +i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  138 +i3GEO.configura.autotamanho = false;
  139 +i3GEO.Interface.ATUAL = "openlayers";
  140 +i3GEO.Interface.IDCORPO = "contemImg";
  141 +
  142 +i3GEO.Interface.openlayers.GADGETS = {
  143 + PanZoomBar:true,
  144 + PanZoom:false,
  145 + LayerSwitcher:true,
  146 + ScaleLine:false,
  147 + OverviewMap:false
  148 +};
  149 +i3GEO.Interface.openlayers.TILES = true;
  150 +/*
  151 +Após a criação, é criado o objeto i3geoOL que corresponde ao objeto map da API do OpenLayers.
  152 +Vc pode usar i3geoOL para aplicar os métodos e verificar as propriedades da API do OpenLayers
  153 +*/
  154 +i3GEO.cria();
  155 +/*
  156 + Inicializa o mapa
  157 +*/
  158 +i3GEO.guias.TIPO = "tablet";
  159 +i3GEO.barraDeBotoes.AUTOALTURA = true;
  160 +i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false;
  161 +i3GEO.barraDeBotoes.PERMITEFECHAR = false;
  162 +i3GEO.barraDeBotoes.PERMITEDESLOCAR = false;
  163 +i3GEO.barraDeBotoes.AUTO = true;
  164 +i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja";
  165 +
  166 +i3GEO.Interface.BARRABOTOESLEFT = 5;
  167 +i3GEO.Interface.BARRABOTOESTOP = 10;
  168 +i3GEO.Interface.BARRADEZOOMTOP = 2;
  169 +i3GEO.Interface.BARRADEZOOMLEFT = 50;
  170 +
  171 +i3GEO.idioma.IDSELETOR = "seletorIdiomas";
  172 +i3GEO.Interface.ATIVAMENUCONTEXTO = false;
  173 +i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
  174 +i3GEO.arvoreDeTemas.ATIVATEMAIMEDIATO = true;
  175 +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
  176 +i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
  177 +i3GEO.configura.mapaRefDisplay = "none";
  178 +//
  179 +//esta é uma variável interna do OpenLayers que define o endereço do diretório onde estão as imagens usadas nos ícones
  180 +//
  181 +OpenLayers.ImgPath = "../pacotes/openlayers/img/";
  182 +//
  183 +//adiciona camadas que podem ser ativadas como fundo do mapa
  184 +//
  185 +(function(){
  186 + var ims = new OpenLayers.Layer.ArcGIS93Rest(
  187 + "ESRI Imagery World 2D",
  188 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
  189 + {},
  190 + {isBaseLayer:true,visibility:false}
  191 + );
  192 + var wsm = new OpenLayers.Layer.ArcGIS93Rest(
  193 + "ESRI World Street Map",
  194 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
  195 + {},
  196 + {isBaseLayer:true,visibility:false}
  197 + );
  198 + var bra = new OpenLayers.Layer.WMS(
  199 + "Base carto MMA",
  200 + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
  201 + {layers:"baseraster",srs:"EPSG:4291",format:"image/png",isBaseLayer:false},
  202 + {isBaseLayer:true,visibility:false}
  203 + );
  204 + var osm = new OpenLayers.Layer.WMS(
  205 + "Open Street Map",
  206 + "http://full.wms.geofabrik.de/std/demo_key",
  207 + {layers:""},
  208 + {isBaseLayer:true,visibility:false}
  209 + );
  210 + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ims,wsm,bra,osm];
  211 +})();
  212 +//
  213 +//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas.
  214 +//
  215 +//i3GEO.janela.ativaAlerta();
  216 +//
  217 +//inicia o mapa
  218 +//
  219 +i3GEO.inicia();
  220 +</script>
  221 +</body>
  222 +</html>
0 \ No newline at end of file 223 \ No newline at end of file