Download as
Browse Code »

Commit e94f073740465330bdd684cf57417f0330c4ed9c

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

Complementação da documentação inline do HTML

Showing 1 changed file with 56 additions and 33 deletions   Show diff stats
aplicmap/geral.htm
  Diff comments   View file @e94f073
... ... @@ -4,31 +4,36 @@
4 4 <meta http-equiv="Category" content="I3Geo Mapa interativo MMA geoprocessamento sig mobile">
5 5 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
6 6 <title>i3Geo - Mapa interativo</title>
7   -
8   -<!-- Leitura dos programas javaScript e estilos individualmente. Pode-se ler os
9   -arquivos não compactados, bastando substituir por i3geonaocompacto -->
10   -<script type="text/javascript" src="../classesjs/i3geo.js"></script>
11   -
12 7 <!--
13   -<style>
14   -#box1
15   -{font-size:0px;cursor:crosshair;opacity:.25;background-color: gray;position: absolute;visibility: hidden;width: 0px;height: 0px;border: 2px solid green;}
16   -</style>
  8 + Leitura dos programas javaScript e estilos individualmente. Pode-se ler os
  9 + arquivos não compactados, bastando substituir por i3geonaocompacto.js
  10 +-->
  11 +<script type="text/javascript" src="../classesjs/i3geonaocompacto.js"></script>
  12 +<!--
  13 + <style>
  14 + #box1
  15 + {font-size:0px;cursor:crosshair;opacity:.25;background-color: gray;position: absolute;visibility: hidden;width: 0px;height: 0px;border: 2px solid green;}
  16 + </style>
17 17 -->
18   -
19 18 </head>
20 19 <body id="i3geo" >
21 20 <center>
22 21 <table id='mst' style='display:none' width=100% cellspacing='0'>
23   -<!-- Inclui a barra superior. Se vc não quiser o menu, é só comentar -->
24   -<tr style="border:0px"><td colspan=2 style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td></tr>
  22 +<!--
  23 + Inclui a barra superior. Se vc não quiser o menu, é só comentar o TR
  24 +-->
  25 +<tr style="border:0px">
  26 + <td colspan=2 style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
  27 +</tr>
25 28 <tr>
26 29 <td>
27 30 <table width=100% cellspacing=0 cellpadding=0 >
28 31 <tr>
29 32 <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td>
30 33 <td>
31   - <!-- Guias principais, não mude o ID, apenas o nome se for desejado -->
  34 + <!--
  35 + Guias principais, não mude o ID, apenas o nome se for desejado
  36 + -->
32 37 <div class=verdeescuro style="top:0px;cursor:pointer;">
33 38 <div id=guia1 class=guia >Temas</div>
34 39 <div id=guia2 class=guia >Adiciona</div>
... ... @@ -40,18 +45,26 @@ arquivos não compactados, bastando substituir por i3geonaocompacto --&gt;
40 45 </table>
41 46 </td>
42 47 <td style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">
43   -<!-- menu suspenso-->
44   - <div id="menus" >
45   - </div>
  48 + <!--
  49 + menu suspenso
  50 + -->
  51 + <div id="menus" ></div>
46 52 </td>
47 53 </tr>
48 54 <tr>
49 55 <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:268px;text-align:left;">
50   - <!-- Esta div acrescenta a lista de propriedades do mapa, caso vc queira colocá-la em um lugar específico
51   - <div id=listaPropriedades ></div>
  56 + <!--
  57 + Esta div acrescenta a lista de propriedades do mapa, caso vc queira colocá-la em um lugar específico
  58 + -->
  59 + <!--<div id=listaPropriedades ></div>-->
  60 + <!--
  61 + Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico
52 62 -->
53   - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico
54   - <div id=buscaRapida ></div>
  63 + <!-- <div id=buscaRapida ></div> -->
  64 + <!--
  65 + As divs guiaNobj guardam o conteúdo que é mostrado quando a guia é clicada
  66 + Para cada botão na guia deve haver um div com o conteúdo, pe.
  67 + o div com id=guia1 deve ter um div com id=guia1obj
55 68 -->
56 69 <div id='guia1obj' ><div style='left:5px;top:10px;' id=buscaRapida ></div><div id=listaPropriedades style='top:15px;' ></div><div id=listaTemas style='top:15px;'></div></div>
57 70 <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
... ... @@ -60,22 +73,27 @@ arquivos não compactados, bastando substituir por i3geonaocompacto --&gt;
60 73 </td>
61 74 <td style="vertical-align:top;border-width:0px;">
62 75 <table width="100%" style="vertical-align:top;border-width:0px">
63   - <!-- 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 -->
  76 + <!--
  77 + 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
  78 + -->
64 79 <tr><td class=verdeclaro id=contemImg >
65 80 <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div>
66 81 </td></tr>
67 82 </table>
68 83 </td>
69 84 </tr>
70   -<!-- Mostra as coordenadas conforme o mouse é movimentado
71   - <div class=pcenter10 id='longlat'>Longitude e latitude</div>
  85 +<!--
  86 +Mostra as coordenadas conforme o mouse é movimentado
72 87 -->
73   -<!-- Escala gráfica. Pode ser excluída.
74   - <div id="escalaGrafica" style="text-align:left"></div>
75   --->
76   -<!--- vc pode optar por colocar mensagens de ajuda em algum lugar
77   -<tr><td colspan=2 ><div id=ajuda class=verdeescuro style="text-align:left;" >I3Geo</div></td></tr>
  88 +<!-- <div class=pcenter10 id='longlat'>Longitude e latitude</div> -->
  89 +<!--
  90 +Escala gráfica. Pode ser excluída.
  91 +-->
  92 +<!-- <div id="escalaGrafica" style="text-align:left"></div>-->
  93 +<!--
  94 +vc pode optar por colocar mensagens de ajuda em algum lugar
78 95 -->
  96 +<!--<tr><td colspan=2 ><div id=ajuda class=verdeescuro style="text-align:left;" >I3Geo</div></td></tr>-->
79 97 <tr>
80 98 <td class=tdbranca >
81 99 <div id=visual ></div>
... ... @@ -86,9 +104,11 @@ arquivos não compactados, bastando substituir por i3geonaocompacto --&gt;
86 104 <td class=tdbranca ><div id=lugarquadros ></div></td>
87 105 <td class=tdbranca style=text-align:center ><div id=localizarxy >Aguarde...</div></td>
88 106 <td class=tdbranca ><div id=escala ></div></td>
89   - <!-- A opção de localização 'onde estou?' baseia-se na identificação do IP do usuário. Para
90   - que esta opção funcione corretamente, deve estar instalado no I3Geo o pacote geoIP. Veja no
91   - SVN do portal do software público o diretório arquivos_versões/pacotes para maiores informações -->
  107 + <!--
  108 + A opção de localização 'onde estou?' baseia-se na identificação do IP do usuário. Para
  109 + que esta opção funcione corretamente, deve estar instalado no I3Geo o pacote geoIP. Veja no
  110 + SVN do portal do software público o diretório arquivos_versões/pacotes para maiores informações
  111 + -->
92 112 <td class=tdbranca ><div id=ondeestou ></div></td>
93 113 </tr></table>
94 114 </td>
... ... @@ -97,7 +117,11 @@ arquivos não compactados, bastando substituir por i3geonaocompacto --&gt;
97 117 </table>
98 118 <a style=text-align:center;color:white href="mailto:edmar.moretti@mma.gov.br">Cr&iacute;ticas e sugest&otilde;es</a>
99 119 </center>
100   -<!-- barra de botoes que serão incluídos na janela móvel de navegação -->
  120 +<!--
  121 + Barra de botoes que serão incluídos na janela móvel de navegação
  122 + Para excluir um botão é só apagar a linha.
  123 + Para adicionar um botão, é só criar uma linha e especificar a função que será executada quando o usuário clicar no botão
  124 +-->
101 125 <div id=barraDeBotoes1 style='display:none'>
102 126 <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>
103 127 <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>
... ... @@ -112,7 +136,6 @@ arquivos não compactados, bastando substituir por i3geonaocompacto --&gt;
112 136 <table style="width:100%"><caption style="text-align:center">&nbsp;</caption>
113 137 <tr><td style='background-color:rgb(250,250,250);'><img title="" alt="" src="../imagens/branco.gif" id='sobeferramentas'/></td></tr>
114 138 </table>
115   -
116 139 <div style='display:inline;background-color:rgb(250,250,250);'>
117 140 <p style='font-size:6px;'>&nbsp;</p>
118 141 <img title="reinicia" alt="" src="../imagens/branco.gif" id='reinicia'/>
... ...