Download as
Browse Code »

Commit 169de75cd0ee20f5bb3c844a5061d15ad446336c

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

Correções na interface mashup

Showing 3 changed files with 42 additions and 56 deletions   Show diff stats
aplicmap/geral.htm
  Diff comments   View file @169de75
... ... @@ -440,7 +440,6 @@ g_mapaRefDisplay = "block"
440 440  
441 441 g_janelaMen = "sim";
442 442 */
443   -
444 443 /*
445 444 Variable: g_mostraRosa
446 445  
... ...
classesjs/funcoes.js
  Diff comments   View file @169de75
... ... @@ -445,7 +445,10 @@ function initJanelaMen()
445 445 novoel.style.display="block";
446 446 novoel.style.border="1px solid rgb(170,170,170)";
447 447 novoel.innerHTML = '<div class="hd">&nbsp;</div><div class="bd" ><div id="janelaMenTexto" style="color:rgb(170,170,170)">'+g_mensagempadrao+'</div></div>';
448   - document.body.appendChild(novoel);
  448 + if($i("i3geo"))
  449 + {$i("i3geo").appendChild(novoel);}
  450 + else
  451 + {document.body.appendChild(novoel);}
449 452 var i = ($i("janelaMenTexto")).style;
450 453 i.textAlign="left";
451 454 i.fontSize="10px";
... ... @@ -540,7 +543,10 @@ function docaguias()
540 543 var temp = '<div class="hd">Guias</div>';
541 544 temp += '<div class="bd" id="conteudojanelaguias"></div>';
542 545 novoel.innerHTML = temp;
543   - document.body.appendChild(novoel);
  546 + if($i("i3geo"))
  547 + {$i("i3geo").appendChild(novoel);}
  548 + else
  549 + {document.body.appendChild(novoel);}
544 550 $i("conteudojanelaguias").innerHTML = novono;
545 551 YAHOO.namespace("janelaguias.xp");
546 552 YAHOO.janelaguias.xp.panel = new YAHOO.widget.Panel("janelaguias", {width:"268px", fixedcenter: true, constraintoviewport: false, underlay:"none", close:true, visible:true, draggable:true, modal:false } );
... ... @@ -713,7 +719,10 @@ function mensagemf(m)
713 719 var novoel = document.createElement("div");
714 720 novoel.id = 'mensagem';
715 721 novoel.innerHTML = '<table width="50" style="border: 1px solid #000000;"> <tr> <td onclick="mensagemf()" style="text-align:left;cursor:pointer" class="tdclara"> <img src="'+g_locaplic+'/imagens/excluir.png" /> </td> <td style="text-align:left" class="tdclara"> <input style="text-align:left" class="textocb" type="text" id="mensagemt" size="50" value="" /> </td></tr> </table>';
716   - document.body.appendChild(novoel);
  722 + if($i("i3geo"))
  723 + {$i("i3geo").appendChild(novoel);}
  724 + else
  725 + {document.body.appendChild(novoel);}
717 726 }
718 727 if (m == null)
719 728 {$i("mensagem").style.visibility = "hidden";}
... ... @@ -764,7 +773,10 @@ function wdocaf(wlargura,waltura,wsrc,nx,ny,texto)
764 773 novoel.id = "wdoca";
765 774 novoel.style.display="block";
766 775 novoel.innerHTML = ins;
767   - document.body.appendChild(novoel);
  776 + if($i("i3geo"))
  777 + {$i("i3geo").appendChild(novoel);}
  778 + else
  779 + {document.body.appendChild(novoel);}
768 780 if ($i("wdocai"))
769 781 {
770 782 with ($i("wdocai").style){width = "100%";height=waltura;};
... ...
exemplos/mashup.htm
  Diff comments   View file @169de75
... ... @@ -7,13 +7,10 @@
7 7  
8 8 <!-- Leitura dos programas javaScript e estilos individualmente. Pode-se ler os
9 9 arquivos não compactados, bastando substituir por i3geonaocompacto -->
10   -<script type="text/javascript" src="../classesjs/i3geo.js"></script>
  10 +<script type="text/javascript" src="../classesjs/i3geonaocompacto.js"></script>
11 11  
12   -<!-- formatação alternativa das janelas internas, para usar é só descomentar
13   -<link rel="stylesheet" type="text/css" href="../css/panel-aqua.css" />
14   --->
15 12 </head>
16   -<body style="background-color:rgb(200,200,200)">
  13 +<body style="background-color:rgb(200,200,200);z-index:0;">
17 14 <p style=text-align:center;font-size:12pt >Este é um exemplo de inclusão do I3Geo dentro de uma página qualquer.<br><br>
18 15 <div style=position:absolute;left:10px;top:50px;width:200px; >
19 16 <p style=text-align:left;font-size:12pt >Você pode chamar o I3Geo de dentro de uma outra página criando o DIV com id=corpo<br><br>
... ... @@ -21,63 +18,59 @@ arquivos não compactados, bastando substituir por i3geonaocompacto --&gt;
21 18 <p style=text-align:left;font-size:12pt >Nem todos os elementos precisam estar no mapa.<br><br>
22 19 <p style=text-align:left;font-size:12pt >Você pode esconder ou mudar as ferramentas de lugar.<br><br>
23 20 </div>
24   -<div id=i3geo style=position:absolute;left:200px;top:50px >
  21 +<div id=i3geo >
25 22 <center>
26 23 <table id='mst' style=display:none width=100% cellspacing='0'>
27 24 <!-- Inclui o menu suspenso. Se vc não quiser o menu, é só comentar -->
28 25 <tr style="border:0px"><td colspan=2 style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td></tr>
29 26 <tr>
30   -<td colspan=2 class=verdeescuro style="text-align:right;height:0px;">
31   - <div id="menus" class="yuimenubar" style=height:22px; >
32   - </div>
  27 +<td>
  28 + <img title="insere xy" alt="" src="../imagens/branco.gif" id='inserexy'/>
  29 + <img title="insere grafico" alt="" src="../imagens/branco.gif" id='inseregrafico'/>
  30 + <img title="texto" alt="" src="../imagens/branco.gif" id='textofid'/>
  31 + <img title="selecao" alt="" src="../imagens/branco.gif" id='selecao'/>
  32 + <img title="confluencias" alt="" src="../imagens/branco.gif" id='confluence'/>
  33 + <img title="busca na wikipedia" alt="" src="../imagens/branco.gif" id='wiki'/>
  34 + <img title="mede" alt="" src="../imagens/branco.gif" id='mede'/>
  35 +</td>
  36 +<td>
  37 + <img title="desloca" alt="" src="../imagens/branco.gif" ID='pan'/>
  38 + <img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/>
  39 + <img title="aproxima" alt="" src="../imagens/branco.gif" id='zoomiauto'/>
  40 + <img title="afasta" alt="" src="../imagens/branco.gif" id='zoomoauto'/>
  41 + <img title="geral" alt="" src="../imagens/branco.gif" ID='zoomtot'/>
  42 + <img title="google" alt="" src="../imagens/branco.gif" id='google'/>
  43 + <img title="info" alt="" src="../imagens/branco.gif" id='identifica'/>
33 44 </td>
34 45 </tr>
35 46 <tr>
36   -
37 47 <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:268px;text-align:left;">
38 48 <table width=100% cellspacing=0 cellpadding=0 >
39 49 <tr>
40   - <td title="libera guias" class=tdclaro id=encolheFerramentas style="border-bottom:3px solid rgb(200,200,200);vertical-align:top;width:5px;text-align:left;"></td>
  50 + <td title="libera guias" class=tdclaro ></td>
41 51 <td style="border-bottom:3px solid rgb(200,200,200)">
42 52 <!-- Guias principais, não mude o ID, apenas o nome se for desejado -->
43 53 <div class=verdeescuro style="top:0px;cursor:pointer;">
44 54 <div id=guia1 class=guia value="Mostra os temas atualmente inseridos no mapa e que podem estar visíveis ou não." >&nbsp;Temas&nbsp;</div>
45 55 <div id=guia2 class=guia value="Mostra a lista de temas disponíveis no servidor de dados, possibilitando que novos temas sejam adicionados ao mapa.">&nbsp;Adiciona&nbsp;</div>
46 56 <div id=guia4 class=guia value="Mostra a legnda do mapa atual." >&nbsp;Legenda&nbsp;</div>
47   - <div id=guia5 class=guia value="Lista mapas já preparados, com temáticas específicas,que podem ser abertos no I3Geo">&nbsp;Mapas&nbsp;</div>
48 57 </div>
49 58 </td>
50 59 </tr>
51 60 </table>
52   - <!-- Esta div acrescenta a lista de propriedades do mapa
53   - <div id=listaPropriedades ></div>
54   - -->
55   - <!-- Esta div acrescenta a opção de busca rápida
56   - <div id=buscaRapida ></div>
57   - -->
58 61 <div id='guia1obj' ><div id=buscaRapida ></div><div id=listaPropriedades ></div><div id=listaTemas ></div></div>
59 62 <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
60 63 <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
61   - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
62 64 </td>
63 65 <td style="vertical-align:top;border-width:0px;">
64 66 <table width="100%" style="vertical-align:top;border-width:0px">
65   - <!-- Corpo do mapa. Pode ser reposicionado, mas não mude os IDs. Se vc quiser que o mapa tenha um tamanho específico, inclua o estilo, exemplo, style=width:300px;height:300px -->
  67 + <!-- Corpo do mapa. Pode ser reposicionado, mas não mude os IDs. Se vc quiser que o mapa tenha um tamanho específico, inclua o estilo, exemplo, style=width:315px;height:300px -->
66 68 <tr><td class=verdeclaro id=contemImg >
67   - <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');width:300px"></div>
  69 + <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');width:320px;height:300px"></div>
68 70 </td></tr>
69 71 </table>
70 72 </td>
71 73 </tr>
72   -<!-- Mostra as coordenadas conforme o mouse é movimentado
73   - <div class=pcenter10 id='longlat'>Longitude e latitude</div>
74   --->
75   -<!-- Escala gráfica. Pode ser excluída.
76   - <div id="escalaGrafica" style="text-align:left"></div>
77   --->
78   -<!--- vc pode optar por colocar mensagens de ajuda em algum lugar
79   -<tr><td colspan=2 ><div id=ajuda class=verdeescuro style="text-align:left;" >I3Geo</div></td></tr>
80   --->
81 74 <tr>
82 75 <td class=tdbranca >
83 76 <div id=escala ></div>
... ... @@ -95,26 +88,6 @@ arquivos não compactados, bastando substituir por i3geonaocompacto --&gt;
95 88 </table>
96 89 <a style=text-align:center;color:white href="mailto:edmar.moretti@mma.gov.br">Cr&iacute;ticas e sugest&otilde;es</a>
97 90 </center>
98   -<!-- barra de botoes que serão incluídos na janela móvel de navegação -->
99   -<div id=barraDeBotoes1 style='display:none'>
100   - <table title="zoom" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/></td></tr></table>
101   - <table title="desloca" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="desloca" alt="" src="../imagens/branco.gif" ID='pan'/></td></tr></table>
102   - <table title="info" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="info" alt="" src="../imagens/branco.gif" id='identifica'/></td></tr></table>
103   - <table title="geral" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="geral" alt="" src="../imagens/branco.gif" ID='zoomtot'/></td></tr></table>
104   - <table title="mede" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="mede" alt="" src="../imagens/branco.gif" id='mede'/></td></tr></table>
105   - <table style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'></td></tr></table>
106   -</div>
107   -<div id=barraDeBotoes2 style='display:none'>
108   - <table title="referencia" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="referencia" alt="" src="../imagens/branco.gif" id='referencia'/></td></tr></table>
109   - <table title="insere xy" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="insere xy" alt="" src="../imagens/branco.gif" id='inserexy'/></td></tr></table>
110   - <table title="insere grafico" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="insere grafico" alt="" src="../imagens/branco.gif" id='inseregrafico'/></td></tr></table>
111   - <table title="selecao" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="selecao" alt="" src="../imagens/branco.gif" id='selecao'/></td></tr></table>
112   - <table title="texto" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="texto" alt="" src="../imagens/branco.gif" id='textofid'/></td></tr></table>
113   - <table title="confluencias" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="confluencias" alt="" src="../imagens/branco.gif" id='confluence'/></td></tr></table>
114   - <table title="google" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="google" alt="" src="../imagens/branco.gif" id='google'/></td></tr></table>
115   - <table id=botao3d title="3d - experimental" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="3d" alt="" src="../imagens/branco.gif" id='v3d'/></td></tr></table>
116   - <table style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'></td></tr></table>
117   -</div>
118 91 </div>
119 92 <!-- Variáveis globais e inicialização do mapa-->
120 93 <script type="text/javascript">
... ... @@ -159,11 +132,13 @@ Os parâmetros são os mesmos que podem ser utilizados quando o i3geo é inicializa
159 132 Exemplo: g_mashuppar = "&pontos=-54 -12&temasa=biomas&layers=biomas"
160 133 */
161 134 g_mashuppar = "&mapext=-53 -26 -42 -18";
162   -
  135 +g_janelaMen = "nao";
  136 +g_diminuixN = 0;
163 137 objmapa = new Mapa();
164 138 /*
165 139 Inicializa o mapa
166 140 */
  141 +
167 142 objmapa.inicializa();
168 143 </script>
169 144  
... ...