Commit 1d0b1450cc69a7bf25f2831d308e3b89ae076776
1 parent
a3a73600
Exists in
master
and in
7 other branches
Corrigido layout
Showing
2 changed files
with
293 additions
and
0 deletions
Show diff stats
... | ... | @@ -0,0 +1,41 @@ |
1 | +<html> | |
2 | +<head> | |
3 | +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
4 | +<link rel="stylesheet" type="text/css" href="../../css/i3geo_ferramentas.css"> | |
5 | +<link rel="stylesheet" type="text/css" href="../../pacotes/yui231/build/tabview/assets/skins/sam/tabview.css"> | |
6 | +<style>.yuibutton button{padding-left:2em;background:url(../../imagens/tic.png) 5% 50% no-repeat;}</style> | |
7 | +</head> | |
8 | +<body class="yui-skin-sam" > | |
9 | + <div class=verdeescuro style="top:0px;cursor:pointer;left:0px;"> | |
10 | + <div id=guia1 >Temas visíveis</div> | |
11 | + <div id=guia2 >Todos os temas</div> | |
12 | + <div id=guia3 >Propriedades</div> | |
13 | + </div> | |
14 | + | |
15 | + <span id=geral style="left:0px;top:0px;"> | |
16 | + | |
17 | + <div class=guiaobj id="guia1obj" style="left:1px;90%"> | |
18 | + <div id="resultado" style="overflow:auto;height:200px;display:block;position:relative;top:-5px;left:0px;width:150px"></div> | |
19 | + <div id="ocorrencia" style="overflow:auto;height:200px;display:block;position:absolute;top:5px;left:160px;width:60%"></div> | |
20 | + </div> | |
21 | + <div class=guiaobj id="guia2obj" style="left:1px"> | |
22 | + </div> | |
23 | + <div class=guiaobj id="guia3obj" style="left:1px;top:10px;display:none;font-size:12px;overflow:hidden" > | |
24 | + Resolução de busca - número de pixels, no entorno do ponto clicado no mapa, que serão utilizados na busca de dados:<br> <input type=text class=digitar value=5 id=resolucao size=2 /> | |
25 | + </div> | |
26 | + </span> | |
27 | + | |
28 | + <div id="aguarde"> | |
29 | + <img alt="" src="../../imagens/aguarde.gif" />Aguarde... | |
30 | + </div> | |
31 | + <div id=xy style="display:none;position:relative;top:10px;left:5px"> | |
32 | + </div> | |
33 | + | |
34 | +</div> | |
35 | +</body> | |
36 | +<script language="JavaScript" type="text/javascript" src="../../classesjs/redesenho_compacto.js"></script> | |
37 | +<script src="../i3geo_tudo_compacto.js" type="text/javascript"></script> | |
38 | +<script language="JavaScript" type="text/javascript" src="index.js"></script><script> | |
39 | +inicializaJanela() | |
40 | +</script> | |
41 | +</html> | |
0 | 42 | \ No newline at end of file | ... | ... |
... | ... | @@ -0,0 +1,252 @@ |
1 | +/* | |
2 | +About: Licença | |
3 | + | |
4 | +I3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet | |
5 | + | |
6 | +Direitos Autorais Reservados (c) 2006 Ministério do Meio Ambiente Brasil | |
7 | +Desenvolvedor: Edmar Moretti edmar.moretti@mma.gov.br | |
8 | + | |
9 | +Este programa é software livre; você pode redistribuí-lo | |
10 | +e/ou modificá-lo sob os termos da Licença Pública Geral | |
11 | +GNU conforme publicada pela Free Software Foundation; | |
12 | +tanto a versão 2 da Licença. | |
13 | +Este programa é distribuído na expectativa de que seja útil, | |
14 | +porém, SEM NENHUMA GARANTIA; nem mesmo a garantia implícita | |
15 | +de COMERCIABILIDADE OU ADEQUAÇÃO A UMA FINALIDADE ESPECÍFICA. | |
16 | +Consulte a Licença Pública Geral do GNU para mais detalhes. | |
17 | +Você deve ter recebido uma cópia da Licença Pública Geral do | |
18 | +GNU junto com este programa; se não, escreva para a | |
19 | +Free Software Foundation, Inc., no endereço | |
20 | +59 Temple Street, Suite 330, Boston, MA 02111-1307 USA. | |
21 | +*/ | |
22 | +//inicializa | |
23 | +function inicializaJanela() | |
24 | +{ | |
25 | + aguarde("block") | |
26 | + ativaGuias("") | |
27 | + mostraGuia("guia1") | |
28 | + g_locaplic = window.parent.g_locaplic | |
29 | + xpt = unescape(((((window.location.href).split("x="))[1]).split("&"))[0] ); | |
30 | + ypt = unescape(((((window.location.href).split("y="))[1]).split("&"))[0] ); | |
31 | + escala = unescape(((((window.location.href).split("x="))[1]).split("&"))[0] ); | |
32 | + //eventos das guias | |
33 | + $i("guia1").onclick = function(){listaTemasLigados();mostraGuia("guia1")} | |
34 | + $i("guia2").onclick = function(){listaTodos()} | |
35 | + $i("guia3").onclick = function(){mostraGuia("guia3")} | |
36 | + $i("xy").innerHTML = "x: " + xpt + " y: " + ypt | |
37 | + listaTemasLigados() | |
38 | +} | |
39 | +//le o arquivo opcional de sistemas | |
40 | +function pegavalSistemas(xmlDoc) | |
41 | +{ | |
42 | + aguarde("none"); | |
43 | + if (xmlDoc != undefined) | |
44 | + { | |
45 | + var sis = xmlDoc.getElementsByTagName("FUNCAO") | |
46 | + for (ig=0;ig<sis.length;ig++) | |
47 | + { | |
48 | + var sistema = sis[ig].getElementsByTagName("NOMESIS")[0].firstChild.nodeValue | |
49 | + var exec = sis[ig].getElementsByTagName("ABRIR")[0].firstChild.nodeValue | |
50 | + var t = "blank" | |
51 | + if (sis[ig].getElementsByTagName("TARGET")[0]) | |
52 | + {t = sis[ig].getElementsByTagName("TARGET")[0].firstChild.nodeValue} | |
53 | + sistemasAdicionais.push(sistema+","+exec+","+t) | |
54 | + } | |
55 | + if (sistemasAdicionais.length > 0) | |
56 | + { | |
57 | + var linhas = "" | |
58 | + for (l=0;l<sistemasAdicionais.length;l++) | |
59 | + { | |
60 | + var ltema = sistemasAdicionais[l].split(",") | |
61 | + if (ltema.length > 1) | |
62 | + linhas += "<span style='text-align:left;font-size:10px;cursor:pointer' onclick='identificasistema("+ltema[1]+",\""+ltema[2]+"\")'><input style=cursor:default type=radio name=tema />"+ltema[0]+"<br></span>" | |
63 | + } | |
64 | + $i("resultado").innerHTML += linhas | |
65 | + } | |
66 | + } | |
67 | + aguarde("none"); | |
68 | +} | |
69 | +//lista os temas ligados | |
70 | +function listaTemasLigados() | |
71 | +{ | |
72 | + aguarde("none"); | |
73 | + var lista = (window.parent.objmapa.temas).split(";") | |
74 | + var b = window.parent.convdmsf(xpt,ypt); | |
75 | + var x = b[0].split(" ") | |
76 | + var y = b[1].split(" ") | |
77 | + var w = "W" | |
78 | + var s = "S" | |
79 | + if (x[0]*1 > 0){w = "L"} | |
80 | + if (y[0]*1 > 0){s = "N"} | |
81 | + if (x[0]*1 < 0){x[0] = x[0]*-1} | |
82 | + if (y[0]*1 < 0){y[0] = y[0]*-1} | |
83 | + var param = y[0]+"_"+y[1]+"_"+y[2]+"_"+s+"_"+x[0]+"_"+x[1]+"_"+x[2]+"_"+w | |
84 | + var url = "http://tools.wikimedia.de/~magnus/geo/geohack.php?params="+param//15_48_00_S_47_51_50_W | |
85 | + var linhas = "<a href='"+url+"' target=blank >Buscadores web</a><br>" | |
86 | + linhas += "Clique no tema para ver os dados<table class=lista2 >" | |
87 | + var linhas1 = ""; | |
88 | + for (l=0;l<lista.length;l++) | |
89 | + { | |
90 | + var ltema = lista[l].split("*") | |
91 | + if(ltema[1] == 2) | |
92 | + { | |
93 | + linhas1 += "<tr><td><input onclick='identifica(\""+ltema[0]+"\")' style=cursor:pointer type=radio name=tema /></td><td>"+ltema[2]+"</td></tr>" | |
94 | + } | |
95 | + } | |
96 | + $i("resultado").innerHTML = linhas+"<table class=lista ><tr><td style=text-align:left ><input onclick='identifica(\"ligados\")' style=cursor:pointer type=radio name=tema /></td><td>Todos</td></tr>"+linhas1+"</table>" | |
97 | + //verifica se existem sistemas para identificar | |
98 | + g_locidentifica = window.parent.g_locidentifica | |
99 | + if (g_locidentifica != "") | |
100 | + { | |
101 | + sistemasAdicionais = new Array() | |
102 | + ajaxexecASXml(g_locidentifica,"pegavalSistemas") | |
103 | + } | |
104 | + if (window.parent.objmapa.temaAtivo == "") | |
105 | + { | |
106 | + var temp = "" | |
107 | + for (l=0;l<lista.length;l++) | |
108 | + { | |
109 | + var ltema = lista[l].split("*") | |
110 | + if(ltema[1] == 2) | |
111 | + {var temp = ltema[0];break;} | |
112 | + } | |
113 | + window.parent.objmapa.temaAtivo = temp | |
114 | + identifica(temp) | |
115 | + } | |
116 | + else | |
117 | + {identifica(window.parent.objmapa.temaAtivo)} | |
118 | +} | |
119 | +//lista os temas ligados | |
120 | +function listaTodos() | |
121 | +{ | |
122 | + var lista = (window.parent.objmapa.temas).split(";") | |
123 | + var linhas = "Clique no tema para ver os dados<table class=lista2 >" | |
124 | + for (l=0;l<lista.length;l++) | |
125 | + { | |
126 | + var ltema = lista[l].split("*") | |
127 | + if (ltema[2] != 2) | |
128 | + linhas += "<tr><td><input onclick='identifica(\""+ltema[0]+"\")' style=cursor:pointer type=radio name=tema /></td><td>"+ltema[2]+"</td></tr>" | |
129 | + } | |
130 | + $i("resultado").innerHTML = "<table>"+linhas+"</table>" | |
131 | + mostraGuia("guia1"); | |
132 | +} | |
133 | +//identifica o sistema clicado | |
134 | +function identificasistema(exec,t) | |
135 | +{ | |
136 | + var resolucao = $i("resolucao").value; | |
137 | + if ((t == "blank") || (t == "new") || (t == "BLANK") || (t == "NEW") || (t == "")) | |
138 | + {window.open(exec)} | |
139 | + else | |
140 | + {window.location.href = exec} | |
141 | +} | |
142 | +//identifica o tema clicado | |
143 | +function identifica(tema) | |
144 | +{ | |
145 | + var resolucao = $i("resolucao").value; | |
146 | + window.parent.objmapa.temaAtivo = tema; | |
147 | + var temp = $i("xy").innerHTML | |
148 | + var tempy = temp.split("y: ") | |
149 | + ypt = tempy[1] | |
150 | + var tempx = tempy[0] | |
151 | + tempx = tempx.split("x: ") | |
152 | + xpt = tempx[1] | |
153 | + $i("ocorrencia").innerHTML="<img src='../../imagens/aguarde.gif' />" | |
154 | + //var resolucao = "0.01" | |
155 | + if (tema == "ligados"){var opcao = "ligados"} | |
156 | + else | |
157 | + {var opcao = "tema"} | |
158 | + var p = g_locaplic+"/classesphp/mapa_controle.php?g_sid="+g_sid+"&funcao=identifica&xy="+xpt+" ,"+ypt+"&opcao="+opcao+"&resolucao="+resolucao+"&tema="+tema | |
159 | + var cp = new cpaint(); | |
160 | + //cp.set_debug(2) | |
161 | + cp.set_response_type("JSON"); | |
162 | + cp.call(p,"identifica",mostraf); | |
163 | +} | |
164 | +//mostra uma ocorrencia em um div a parte | |
165 | +function mostraf(retorno) | |
166 | +{ | |
167 | + var res = "" | |
168 | + if (retorno.data != undefined) | |
169 | + { | |
170 | + var retorno = retorno.data | |
171 | + var re = new RegExp("zzzzzzzzzz","g") | |
172 | + var retorno = retorno.replace(re,"<br>") | |
173 | + var re = new RegExp('" ',"g") | |
174 | + var retorno = retorno.replace(re,'"<br>') | |
175 | + var re = new RegExp("' ","g") | |
176 | + var retorno = retorno.replace(re,"'<br>") | |
177 | + var reg = /Erro./; | |
178 | + if (retorno.search(reg) != -1) | |
179 | + { | |
180 | + $i("ocorrencia").innerHTML="OOps! Ocorreu um erro\n"+retorno; | |
181 | + return; | |
182 | + } | |
183 | + $i("ocorrencia").innerHTML="" | |
184 | + var octemas = retorno.split("!") | |
185 | + for (octemasc=0;octemasc<octemas.length;octemasc++) | |
186 | + { | |
187 | + var titulo = octemas[octemasc].split("@") | |
188 | + var contat = 0 | |
189 | + if (!titulo[1]) | |
190 | + { | |
191 | + //aguarde("none") | |
192 | + //$i("ocorrencia").innerHTML = "<p style=color:red >Ocorreu um erro<br>" | |
193 | + break | |
194 | + } | |
195 | + var ocs = titulo[1].split("*") | |
196 | + res += "<div style='left:2px;text-align:left;background-color:white;width:80%' >"+titulo[0]+"</div>" | |
197 | + //verifica se é WS | |
198 | + var pares = ocs[1].split("##") | |
199 | + var valores = pares[0].split("#") | |
200 | + //dados vem de uma chamada WS | |
201 | + if (valores[1] == undefined) | |
202 | + { | |
203 | + res += "<div style=text-align:left >Resultado: <pre><i>" + valores[0] + "</i></pre></div>" | |
204 | + res += "<div>------</div>" | |
205 | + $i("ocorrencia").innerHTML=res | |
206 | + //return | |
207 | + } | |
208 | + var contao = 0 | |
209 | + for (oc=0;oc<ocs.length;oc++) | |
210 | + { | |
211 | + if (ocs[oc] != "") | |
212 | + { | |
213 | + var pares = ocs[oc].split("##") | |
214 | + if (contao == 1){var ver = true} | |
215 | + else {var ver = false} | |
216 | + var contav = 0 | |
217 | + var cor = "RGB(245,245,245)"; | |
218 | + for (par=0;par<pares.length;par++) | |
219 | + { | |
220 | + var valores = pares[par].split("#") | |
221 | + var vlink = valores[2] | |
222 | + if ((valores[2] != " ") && (valores[2] != undefined)) | |
223 | + {res = res + "<div style='width:80%;text-align:left;background-color:"+cor+"' > " + valores[0] + " <a href='" + vlink + "' > link</a></div>"} | |
224 | + else if ((valores[2] == " ") || (valores[2] != undefined)) | |
225 | + { | |
226 | + var testaIcone = (valores[0].split(".png")).length | |
227 | + if (testaIcone == 1) //nao é do tipo ícone | |
228 | + {res = res + "<div style='border-top:0px solid brown;font-size:9px;width:90%;text-align:left;background-color:"+cor+"' ><b> " + valores[0] + " </b>" + valores[1] + "</div>"} | |
229 | + else //corrige o caminho do ícone | |
230 | + { | |
231 | + var i = valores[0].replace("..","../..") | |
232 | + res = res + "<div style='width:80%;text-align:left;background-color:"+cor+"' >" + i + " <i>" + valores[1] + "</i></div>" | |
233 | + } | |
234 | + } | |
235 | + contav = contav + 1 | |
236 | + if (cor == "RGB(245,245,245)"){cor = "RGB(230,230,230)";} | |
237 | + else | |
238 | + {cor = "RGB(245,245,245)";} | |
239 | + } | |
240 | + //res += "<div style='border-top:1px solid gray;background-color:gray;width:100%;' ><br></div>" | |
241 | + } | |
242 | + contao = contao + 1 | |
243 | + } | |
244 | + } | |
245 | + $i("ocorrencia").innerHTML=res | |
246 | + } | |
247 | + else | |
248 | + { | |
249 | + aguarde("none") | |
250 | + $i("ocorrencia").innerHTML = "<p style=color:red >Ocorreu um erro<br>" | |
251 | + } | |
252 | +} | |
0 | 253 | \ No newline at end of file | ... | ... |