Download as
Browse Code »

Commit 9775a2d6061223032f06fe318610ac625d2a1717

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

Guia móvel à esquerda

Showing 4 changed files with 1324 additions and 656 deletions   Show diff stats
admin/admin.db
View file @9775a2d
No preview for this file type
classesjs/classe_guias.js
  Diff comments   View file @9775a2d
... ... @@ -33,183 +33,264 @@ Você deve ter recebido uma cópia da Licença Pública G
33 33 GNU junto com este programa; se não, escreva para a
34 34 Free Software Foundation, Inc., no endereço
35 35 59 Temple Street, Suite 330, Boston, MA 02111-1307 USA.
36   -*/
37   -if(typeof(i3GEO) === 'undefined'){
  36 + */
  37 +if (typeof (i3GEO) === 'undefined') {
38 38 var i3GEO = {};
39 39 }
40 40 i3GEO.guias = {
41 41 /*
42   - Variavel: ATUAL
43   -
44   - Guia que está ativa ou que será ativada ao iniciar o mapa
45   -
46   - O nome da guia é a definida na variável i3GEO.guias.CONFIGURA
47   -
48   - Tipo:
49   - {string}
50   -
51   - Default:
52   - {"temas"}
53   - */
54   - ATUAL: "temas",
  42 + * Variavel: ATUAL
  43 + *
  44 + * Guia que está ativa ou que será ativada ao iniciar o mapa
  45 + *
  46 + * O nome da guia é a definida na variável
  47 + * i3GEO.guias.CONFIGURA
  48 + *
  49 + * Tipo: {string}
  50 + *
  51 + * Default: {"temas"}
  52 + */
  53 + ATUAL : "temas",
55 54 /*
56   - Propriedade: ALTURACORPOGUIAS
57   -
58   - Altura em pixels que será aplicado em cada guia
59   -
60   - Por default, a altura é calculada automaticamente, mas em alguns casos, pode ser necessário especificar o valor para permitir um melhor ajuste do layout do mapa
61   -
62   - Mantenha como 0 para que o cálculo seja automático
63   -
64   - Tipo:
65   - {numeric}
66   -
67   - Default: 0
68   - */
69   - ALTURACORPOGUIAS: 0,
  55 + * Propriedade: ALTURACORPOGUIAS
  56 + *
  57 + * Altura em pixels que será aplicado em cada guia
  58 + *
  59 + * Por default, a altura é calculada automaticamente, mas em alguns
  60 + * casos, pode ser necessário especificar o valor para permitir um
  61 + * melhor ajuste do layout do mapa
  62 + *
  63 + * Mantenha como 0 para que o cálculo seja automático
  64 + *
  65 + * Tipo: {numeric}
  66 + *
  67 + * Default: 0
  68 + */
  69 + ALTURACORPOGUIAS : 0,
70 70 /*
71   - Propriedade: CONFIGURA
72   -
73   - Define os parâmetros de cada guia que será mostrada no mapa, como título, conteúdo, etc.
74   -
75   - Você pode modificar o nome de uma guia como no exemplo
76   -
77   - i3GEO.guias.CONFIGURA.legenda.titulo = "nome diferente";
78   -
79   - Por padrão são definidas as guias legenda, temas, adiciona e mapas (links)
80   -
81   - Exemplo
82   -
83   - i3GEO.guias.CONFIGURA.legenda = {
84   - titulo:"Legenda do mapa",
85   - id:"guia4",
86   - idconteudo:"guia4obj",//id do elemento HTML que contém o conteúdo da guia
87   - click: function(){
88   - i3GEO.guias.mostra("legenda");//mostra a guia
89   - i3GEO.mapa.legendaHTML.cria("guia4obj");
90   - }
91   - }
92   -
93   - Tipo:
94   - {JSON}
95   - */
96   - CONFIGURA: {
97   - "temas":{
98   - icone:"imagens/gisicons/show-layers.png",
99   - titulo:$trad("g4a"),
100   - id:"guia1",
101   - idconteudo:"guia1obj",
102   - click:""
  71 + * Propriedade: CONFIGURA
  72 + *
  73 + * Define os parâmetros de cada guia que será mostrada no mapa,
  74 + * como título, conteúdo, etc.
  75 + *
  76 + * Você pode modificar o nome de uma guia como no exemplo
  77 + *
  78 + * i3GEO.guias.CONFIGURA.legenda.titulo = "nome diferente";
  79 + *
  80 + * Por padrão são definidas as guias legenda, temas, adiciona
  81 + * e mapas (links)
  82 + *
  83 + * Exemplo
  84 + *
  85 + * i3GEO.guias.CONFIGURA.legenda = { titulo:"Legenda do mapa", id:"guia4",
  86 + * idconteudo:"guia4obj",//id do elemento HTML que contém o
  87 + * conteúdo da guia click: function(){
  88 + * i3GEO.guias.mostra("legenda");//mostra a guia
  89 + * i3GEO.mapa.legendaHTML.cria("guia4obj"); } }
  90 + *
  91 + * Tipo: {JSON}
  92 + */
  93 + CONFIGURA : {
  94 + "temas" : {
  95 + icone : "imagens/gisicons/show-layers.png",
  96 + titulo : $trad("g4a"),
  97 + id : "guia1",
  98 + idconteudo : "guia1obj",
  99 + click : ""
103 100 },
104   - "adiciona":{
105   - icone:"imagens/gisicons/show-catalog.png",
106   - titulo:$trad("g1a"),
107   - id:"guia2",
108   - idconteudo:"guia2obj",
109   - click: function(){
  101 + "adiciona" : {
  102 + icone : "imagens/gisicons/show-catalog.png",
  103 + titulo : $trad("g1a"),
  104 + id : "guia2",
  105 + idconteudo : "guia2obj",
  106 + click : function() {
110 107 var ondeArvore;
111 108 i3GEO.guias.mostra("adiciona");
112   - if(!$i("arvoreAdicionaTema"))
113   - {
114   - try{ondeArvore = objmapa.guiaMenu+"obj";}
115   - catch(e){ondeArvore = "guia2obj";}
  109 + if (!$i("arvoreAdicionaTema")) {
  110 + try {
  111 + ondeArvore = objmapa.guiaMenu
  112 + + "obj";
  113 + } catch (e) {
  114 + ondeArvore = "guia2obj";
  115 + }
  116 + } else {
  117 + ondeArvore = "arvoreAdicionaTema";
116 118 }
117   - else
118   - {ondeArvore = "arvoreAdicionaTema";}
119   - //para efeitos de compatibilidade
120   - if(document.getElementById("outrasOpcoesAdiciona")){
  119 + // para efeitos de compatibilidade
  120 + if (document.getElementById("outrasOpcoesAdiciona")) {
121 121 i3GEO.arvoreDeTemas.OPCOESADICIONAIS.idonde = "outrasOpcoesAdiciona";
122 122 i3GEO.arvoreDeTemas.OPCOESADICIONAIS.incluiArvore = false;
123 123 }
124   - i3GEO.arvoreDeTemas.cria(i3GEO.configura.sid,i3GEO.configura.locaplic,ondeArvore);
  124 + i3GEO.arvoreDeTemas.cria(
  125 + i3GEO.configura.sid,
  126 + i3GEO.configura.locaplic,
  127 + ondeArvore);
125 128 }
126 129 },
127   - "legenda":{
128   - icone:"imagens/gisicons/show-legend.png",
129   - titulo:$trad("g3"),
130   - id:"guia4",
131   - idconteudo:"guia4obj",
132   - click: function(){
  130 + "legenda" : {
  131 + icone : "imagens/gisicons/show-legend.png",
  132 + titulo : $trad("g3"),
  133 + id : "guia4",
  134 + idconteudo : "guia4obj",
  135 + click : function() {
133 136 i3GEO.guias.mostra("legenda");
134 137 i3GEO.mapa.legendaHTML.cria("guia4obj");
135 138 }
136 139 },
137   - "mapas":{
138   - icone:"imagens/gisicons/show-links.png",
139   - titulo:"Links",
140   - id:"guia5",
141   - idconteudo:"guia5obj",
142   - mostraLink: function(id,url){
143   - $i("i3geoMapasLink_"+id).innerHTML = "<a href='"+url+"' target=_blank >"+url+"</a>";
  140 + "mapas" : {
  141 + icone : "imagens/gisicons/show-links.png",
  142 + titulo : "Links",
  143 + id : "guia5",
  144 + idconteudo : "guia5obj",
  145 + mostraLink : function(id, url) {
  146 + $i("i3geoMapasLink_"
  147 + + id).innerHTML = "<a href='"
  148 + + url
  149 + + "' target=_blank >"
  150 + + url
  151 + + "</a>";
144 152 },
145   - click: function(onde){
146   - if(!onde){
  153 + click : function(onde) {
  154 + if (!onde) {
147 155 onde = i3GEO.guias.CONFIGURA.mapas.idconteudo;
148 156 }
149   - var pegaMapas = function(retorno){
150   - var ins,mapa,ig1lt,ig1,nome,lkd,link,temp,combo,urlinterface;
151   - ins = "<br><div id='banners' style='overflow:auto;text-align:center'>" +
152   - "<a href='"+i3GEO.configura.locaplic+"/admin/html/mapas.html' target=_blank >"+$trad("x89")+"</a><br><br>";
  157 + var pegaMapas = function(retorno) {
  158 + var ins, mapa, ig1lt, ig1, nome, lkd, link, temp, combo, urlinterface;
  159 + ins = "<br><div id='banners' style='overflow:auto;text-align:center'>"
  160 + + "<a href='"
  161 + + i3GEO.configura.locaplic
  162 + + "/admin/html/mapas.html' target=_blank >"
  163 + + $trad("x89")
  164 + + "</a><br><br>";
153 165 mapa = retorno.data.mapas;
154 166 ig1lt = mapa.length;
155   - ig1=0;
156   - urlinterface = window.location.origin+window.location.pathname;
157   - if(ig1lt > 0){
158   - do{
  167 + ig1 = 0;
  168 + urlinterface = window.location.origin
  169 + + window.location.pathname;
  170 + if (ig1lt > 0) {
  171 + do {
159 172 temp = mapa[ig1];
160 173 nome = temp.NOME;
161   - if(temp.PUBLICADO){
162   - if(temp.PUBLICADO.toLowerCase() === "nao")
163   - {nome = "<s>"+nome+"</s>";}
  174 + if (temp.PUBLICADO) {
  175 + if (temp.PUBLICADO.toLowerCase() === "nao") {
  176 + nome = "<s>"
  177 + + nome
  178 + + "</s>";
  179 + }
164 180 }
165 181 lkd = temp.LINK;
166   - link = i3GEO.configura.locaplic+"/ms_criamapa.php?temasa="+temp.TEMAS+"&layers="+temp.LIGADOS;
167   - if (temp.EXTENSAO !== "")
168   - {link += "&mapext="+temp.EXTENSAO;}
169   - if (temp.OUTROS !== "")
170   - {link += "&"+temp.OUTROS;}
171   - if (lkd !== "")
172   - {link = lkd;}
  182 + link = i3GEO.configura.locaplic
  183 + + "/ms_criamapa.php?temasa="
  184 + + temp.TEMAS
  185 + + "&layers="
  186 + + temp.LIGADOS;
  187 + if (temp.EXTENSAO !== "") {
  188 + link += "&mapext="
  189 + + temp.EXTENSAO;
  190 + }
  191 + if (temp.OUTROS !== "") {
  192 + link += "&"
  193 + + temp.OUTROS;
  194 + }
  195 + if (lkd !== "") {
  196 + link = lkd;
  197 + }
173 198 ins += "<div style='width:170px;background-color:white;padding:5px;margin:auto;border: 1px solid #F0F0F0;border-radius: 5px;box-shadow: 1px 1px 1px 1px #D3D3D3;' >";
174 199  
175   - if(temp.IMAGEM && temp.IMAGEM != ""){
176   - ins += "<div style=text-align:center ><a href='"+link+"' style=text-align:center;text-decoration:none; >" +
177   - "<img src='"+temp.IMAGEM+"'></a></div><br>";
  200 + if (temp.IMAGEM
  201 + && temp.IMAGEM != "") {
  202 + ins += "<div style=text-align:center ><a href='"
  203 + + link
  204 + + "' style=text-align:center;text-decoration:none; >"
  205 + + "<img src='"
  206 + + temp.IMAGEM
  207 + + "'></a></div><br>";
178 208 }
179   - //verifica se o mapfile esta salvo no banco diretamente
180   - if(temp.CONTEMMAPFILE == "nao"){
181   - ins += "<div><p class=paragrafo style=text-align:center;cursor:pointer >" +
182   - "<a href='"+link+"' style=text-align:center;text-decoration:none; >"+nome+" ("+temp.ID_MAPA+")</a></p></div>";
183   - }
184   - else{
185   - //combo de opcoes para abrir os mapas salvos como mapfiles
186   - //esses links tambem sao colocados em admin/php/xml.php geraRSSmapas
187   - combo = "<select style='width:170px;' onchange='i3GEO.guias.CONFIGURA.mapas.mostraLink("+ig1+",this.value)'>" +
188   - "<option value=''>" + $trad("x103") + ":</option>" +
189   - "<option value='"+link+"'>Como foi salvo</option>" +
190   - "<option value='"+link+"&interface="+urlinterface+"'>Com a interface atual</option>" +
191   - "<option value='"+i3GEO.configura.locaplic+"/mashups/openlayers.php?restauramapa="+temp.ID_MAPA+"&fundo=e_wsm'>Openlayers com todos os botoes</option>" +
192   - "<option value='"+i3GEO.configura.locaplic+"/mashups/openlayers.php?restauramapa="+temp.ID_MAPA+"&fundo=est_wms'>Sem o fundo</option>" +
193   - "<option value='"+i3GEO.configura.locaplic+"/mashups/openlayers.php?restauramapa="+temp.ID_MAPA+"&fundo=e_wsm&botoes=legenda pan zoombox zoomtot zoomin zoomout distancia area identifica'>Com booes principais</option>" +
194   - "<option value='"+i3GEO.configura.locaplic+"/mashups/openlayers.php?restauramapa="+temp.ID_MAPA+"&botoes=legenda pan zoombox zoomtot zoomin zoomout'>Botoes de navegacao</option>" +
195   - "</select>";
196   - ins += "<div>" +
197   - "<p class=paragrafo style=text-align:center;cursor:pointer >" +
198   - "<img style=text-align:center src='"+i3GEO.configura.locaplic+"/ferramentas/salvamapa/geraminiatura.php?w=100&h=67&restauramapa="+temp.ID_MAPA+"'><br><br>" +
199   - "<a href='"+link+"' style=text-align:center;text-decoration:none; >"+nome+" ("+temp.ID_MAPA+")</a>" +
200   - //"<br><a target=_blank href='"+i3GEO.configura.locaplic+"/mashups/openlayers.php?"+temp.OUTROS+"&fundo=e_wsm' style=text-align:center;text-decoration:none;color:gray; >Preview</a>" +
201   - "<br>"+combo +
202   - "<br><div style='cursor:pointer;' id='i3geoMapasLink_"+ig1+"' ></div>" +
203   - "</p></div>";
  209 + // verifica se o mapfile esta salvo no banco
  210 + // diretamente
  211 + if (temp.CONTEMMAPFILE == "nao") {
  212 + ins += "<div><p class=paragrafo style=text-align:center;cursor:pointer >"
  213 + + "<a href='"
  214 + + link
  215 + + "' style=text-align:center;text-decoration:none; >"
  216 + + nome
  217 + + " ("
  218 + + temp.ID_MAPA
  219 + + ")</a></p></div>";
  220 + } else {
  221 + // combo de opcoes para abrir os mapas salvos
  222 + // como mapfiles
  223 + // esses links tambem sao colocados em
  224 + // admin/php/xml.php geraRSSmapas
  225 + combo = "<select style='width:170px;' onchange='i3GEO.guias.CONFIGURA.mapas.mostraLink("
  226 + + ig1
  227 + + ",this.value)'>"
  228 + + "<option value=''>"
  229 + + $trad("x103")
  230 + + ":</option>"
  231 + + "<option value='"
  232 + + link
  233 + + "'>Como foi salvo</option>"
  234 + + "<option value='"
  235 + + link
  236 + + "&interface="
  237 + + urlinterface
  238 + + "'>Com a interface atual</option>"
  239 + + "<option value='"
  240 + + i3GEO.configura.locaplic
  241 + + "/mashups/openlayers.php?restauramapa="
  242 + + temp.ID_MAPA
  243 + + "&fundo=e_wsm'>Openlayers com todos os botoes</option>"
  244 + + "<option value='"
  245 + + i3GEO.configura.locaplic
  246 + + "/mashups/openlayers.php?restauramapa="
  247 + + temp.ID_MAPA
  248 + + "&fundo=est_wms'>Sem o fundo</option>"
  249 + + "<option value='"
  250 + + i3GEO.configura.locaplic
  251 + + "/mashups/openlayers.php?restauramapa="
  252 + + temp.ID_MAPA
  253 + + "&fundo=e_wsm&botoes=legenda pan zoombox zoomtot zoomin zoomout distancia area identifica'>Com booes principais</option>"
  254 + + "<option value='"
  255 + + i3GEO.configura.locaplic
  256 + + "/mashups/openlayers.php?restauramapa="
  257 + + temp.ID_MAPA
  258 + + "&botoes=legenda pan zoombox zoomtot zoomin zoomout'>Botoes de navegacao</option>"
  259 + + "</select>";
  260 + ins += "<div>"
  261 + + "<p class=paragrafo style=text-align:center;cursor:pointer >"
  262 + + "<img style=text-align:center src='"
  263 + + i3GEO.configura.locaplic
  264 + + "/ferramentas/salvamapa/geraminiatura.php?w=100&h=67&restauramapa="
  265 + + temp.ID_MAPA
  266 + + "'><br><br>"
  267 + + "<a href='"
  268 + + link
  269 + + "' style=text-align:center;text-decoration:none; >"
  270 + + nome
  271 + + " ("
  272 + + temp.ID_MAPA
  273 + + ")</a>"
  274 + +
  275 + // "<br><a target=_blank
  276 + // href='"+i3GEO.configura.locaplic+"/mashups/openlayers.php?"+temp.OUTROS+"&fundo=e_wsm'
  277 + // style=text-align:center;text-decoration:none;color:gray;
  278 + // >Preview</a>" +
  279 + "<br>"
  280 + + combo
  281 + + "<br><div style='cursor:pointer;' id='i3geoMapasLink_"
  282 + + ig1
  283 + + "' ></div>"
  284 + + "</p></div>";
204 285 }
205 286 ins += "</div><br>";
206 287 ig1++;
207   - }
208   - while(ig1<ig1lt);
  288 + } while (ig1 < ig1lt);
209 289 }
210   - $i(onde).innerHTML = ins+"</div>";
  290 + $i(onde).innerHTML = ins
  291 + + "</div>";
211 292 };
212   - if($i(i3GEO.guias.CONFIGURA.mapas.idconteudo)){
  293 + if ($i(i3GEO.guias.CONFIGURA.mapas.idconteudo)) {
213 294 $i(i3GEO.guias.CONFIGURA.mapas.idconteudo).innerHTML = "Aguarde...";
214 295 }
215 296 i3GEO.guias.mostra("mapas");
... ... @@ -218,264 +299,347 @@ i3GEO.guias = {
218 299 }
219 300 },
220 301 /*
221   - Propriedade: ORDEM
222   -
223   - Ordem de inclus&atilde;o das guias no mapa. Essa op&ccedil;&atilde;o &eacute; mais &uacute;til no caso do tipo sanfona, pois nesse caso,
224   - a primeira guia &eacute; sempre a que fica ativa. Se esse par�metro for uma string vazia, a ordem
225   - utilizada ser&aacute; a ordem existente em i3GEO.guias.CONFIGURA.
226   -
227   - Ao ser definida, apenas as guias indicadas no array ser&atilde;o inclu&iacute;das
228   -
229   - Exemplo:
230   -
231   - i3GEO.guias.ORDEM = ["temas","adiciona","legenda"];
232   -
233   - Tipo:
234   - {array}
235   -
236   - Default:
237   - {""}
238   - */
239   - ORDEM: "",
  302 + * Propriedade: ORDEM
  303 + *
  304 + * Ordem de inclus&atilde;o das guias no mapa. Essa op&ccedil;&atilde;o
  305 + * &eacute; mais &uacute;til no caso do tipo sanfona, pois nesse caso, a
  306 + * primeira guia &eacute; sempre a que fica ativa. Se esse par�metro for uma
  307 + * string vazia, a ordem utilizada ser&aacute; a ordem existente em
  308 + * i3GEO.guias.CONFIGURA.
  309 + *
  310 + * Ao ser definida, apenas as guias indicadas no array ser&atilde;o
  311 + * inclu&iacute;das
  312 + *
  313 + * Exemplo:
  314 + *
  315 + * i3GEO.guias.ORDEM = ["temas","adiciona","legenda"];
  316 + *
  317 + * Tipo: {array}
  318 + *
  319 + * Default: {""}
  320 + */
  321 + ORDEM : "",
240 322 /*
241   - Propriedade: TIPO
242   -
243   - Tipo de guia
244   -
245   - Quando TIPO = "movel", a inicializa&ccedil;&atilde;o da guia &eacute; feita em i3GEO.inicia
246   - Isso &eacute; ne cess&aacute;rio pq a guia m&oacute;vel s&oacute; pode ser criada ap&oacute;s o posicionamento do corpo do mapa
247   -
248   - Tipo:
249   - {string}
250   -
251   - Default:
252   - {"guia"}
253   -
254   - Values:
255   - guia|sanfona|tablet|movel
256   - */
257   - TIPO: "guia",
  323 + * Propriedade: TIPO
  324 + *
  325 + * Tipo de guia
  326 + *
  327 + * Quando TIPO = "movel", a inicializa&ccedil;&atilde;o da guia &eacute;
  328 + * feita em i3GEO.inicia Isso &eacute; ne cess&aacute;rio pq a guia
  329 + * m&oacute;vel s&oacute; pode ser criada ap&oacute;s o posicionamento do
  330 + * corpo do mapa
  331 + *
  332 + * Tipo: {string}
  333 + *
  334 + * Default: {"guia"}
  335 + *
  336 + * Values: guia|sanfona|tablet|movel
  337 + */
  338 + TIPO : "guia",
258 339 /*
259   - Propriedade: idguias
260   -
261   - ID do elemento DOM, criado pelo YUI, onde ser&atilde;o inseridas as guias
262   -
263   - Tipo:
264   - {String}
265   -
266   - Default:
267   - {"guiasYUI"}
268   - */
269   - IDGUIAS: "guiasYUI",
  340 + * Propriedade: idguias
  341 + *
  342 + * ID do elemento DOM, criado pelo YUI, onde ser&atilde;o inseridas as guias
  343 + *
  344 + * Tipo: {String}
  345 + *
  346 + * Default: {"guiasYUI"}
  347 + */
  348 + IDGUIAS : "guiasYUI",
270 349 /*
271   - Function: cria
272   -
273   - Cria as guias com base na vari&aacute;vel i3GEO.guias.CONFIGURA
274   -
275   - As guias podem ser definidas no HTML do mapa, sem necessariamente estarem na vari&aacute;vel configura.<b>
276   - As guias, nesse caso, devem ter como ID "guia'n'", por exemplo id="guia6". Para cada uma dessas guias
277   - deve haver um DIV com o conte&uacute;do. Esse DIV deve ter como ID "guia'n'obj", por exemplo id="guia6obj".
278   - No caso de ser utilizado a guia m&oacute;vel, com i3GEO.guias.TIPO = "movel" , "guia'n" n&atilde;o &eacute; necess&aacute;rio, uma vez que s&atilde;o
279   - utilizados os &iacute;cones definidos em i3GEO.guias.CONFIGURA
280   -
281   - Parametro:
282   -
283   - onde {String} - id do elemento que conter&aacute; as guias
284   - */
285   - cria: function(onde){
286   -
287   - if(typeof(console) !== 'undefined'){console.info("i3GEO.guias.cria()");}
  350 + * Function: cria
  351 + *
  352 + * Cria as guias com base na vari&aacute;vel i3GEO.guias.CONFIGURA
  353 + *
  354 + * As guias podem ser definidas no HTML do mapa, sem necessariamente estarem
  355 + * na vari&aacute;vel configura.<b> As guias, nesse caso, devem ter como ID
  356 + * "guia'n'", por exemplo id="guia6". Para cada uma dessas guias deve haver
  357 + * um DIV com o conte&uacute;do. Esse DIV deve ter como ID "guia'n'obj", por
  358 + * exemplo id="guia6obj". No caso de ser utilizado a guia m&oacute;vel, com
  359 + * i3GEO.guias.TIPO = "movel" , "guia'n" n&atilde;o &eacute;
  360 + * necess&aacute;rio, uma vez que s&atilde;o utilizados os &iacute;cones
  361 + * definidos em i3GEO.guias.CONFIGURA
  362 + *
  363 + * Parametro:
  364 + *
  365 + * onde {String} - id do elemento que conter&aacute; as guias
  366 + */
  367 + cria : function(onde) {
  368 +
  369 + if (typeof (console) !== 'undefined') {
  370 + console.info("i3GEO.guias.cria()");
  371 + }
288 372 //
289   - //obt&eacute;m outras guias que podem existir no mapa
  373 + // obt&eacute;m outras guias que podem existir no mapa
290 374 //
291   - var nguiasreal = 0,guiaconteudo,id,guia,g,re,ng,tituloguia,i,ins,altura,temp,
292   - CONFIGURA = i3GEO.guias.CONFIGURA,
293   - guias = i3GEO.util.listaChaves(CONFIGURA),
294   - nguias = guias.length;
  375 + var nguiasreal = 0, guiaconteudo, id, guia, g, re, ng, tituloguia, i, ins, altura, temp, CONFIGURA = i3GEO.guias.CONFIGURA, guias = i3GEO.util.listaChaves(CONFIGURA), nguias = guias.length;
295 376 //
296   - //no caso de TIPO === "movel", as guias n&atilde;o s&atilde;o constru&iacute;das de imediato, apenas &eacute; criado um objeto
297   - //com os par&acirc;metros necess&aacute;rios para a cria&ccedil;&atilde;o das guias
  377 + // no caso de TIPO === "movel", as guias n&atilde;o s&atilde;o
  378 + // constru&iacute;das de imediato, apenas &eacute; criado um objeto
  379 + // com os par&acirc;metros necess&aacute;rios para a
  380 + // cria&ccedil;&atilde;o das guias
298 381 //
299   - if(i3GEO.guias.TIPO === "movel"){
  382 + if (i3GEO.guias.TIPO === "movel") {
300 383 i3GEO.guias.IDGUIAS = "i3GEOguiaMovelConteudo";
301   - for(ng=0;ng<nguias;ng++){
302   - if($i(i3GEO.guias.CONFIGURA[guias[ng]].idconteudo)){
  384 + for (ng = 0; ng < nguias; ng++) {
  385 + if ($i(i3GEO.guias.CONFIGURA[guias[ng]].idconteudo)) {
303 386 i3GEO.guias.guiaMovel.config.guias.ids.push(i3GEO.guias.CONFIGURA[guias[ng]].id);
304 387 i3GEO.guias.guiaMovel.config.guias.idsconteudos.push(i3GEO.guias.CONFIGURA[guias[ng]].idconteudo);
305   - if(i3GEO.guias.CONFIGURA[guias[ng]].icone !== undefined)
306   - {i3GEO.guias.guiaMovel.config.guias.icones.push(i3GEO.guias.CONFIGURA[guias[ng]].icone);}
307   - else
308   - {i3GEO.guias.guiaMovel.config.guias.icones.push("imagens/gisicons/open1.png");}
  388 + if (i3GEO.guias.CONFIGURA[guias[ng]].icone !== undefined) {
  389 + i3GEO.guias.guiaMovel.config.guias.icones.push(i3GEO.guias.CONFIGURA[guias[ng]].icone);
  390 + } else {
  391 + i3GEO.guias.guiaMovel.config.guias.icones.push("imagens/gisicons/open1.png");
  392 + }
309 393 i3GEO.guias.guiaMovel.config.guias.titulos.push(i3GEO.guias.CONFIGURA[guias[ng]].titulo);
310 394 i3GEO.guias.guiaMovel.config.guias.chaves.push(guias[ng]);
311 395 }
312 396 }
313 397 return;
314 398 }
315   - try{
316   - for(g=0;g<12;g++){
  399 + try {
  400 + for (g = 0; g < 12; g++) {
317 401 tituloguia = "";
318   - if($i("guia"+g)){
319   - tituloguia = $i("guia"+g).innerHTML;
  402 + if ($i("guia"
  403 + + g)) {
  404 + tituloguia = $i("guia"
  405 + + g).innerHTML;
320 406 re = new RegExp("&nbsp;", "g");
321   - tituloguia = tituloguia.replace(re,'');
322   - for(ng=0;ng<nguias;ng++){
323   - if(CONFIGURA[guias[ng]].id === "guia"+g){
  407 + tituloguia = tituloguia.replace(
  408 + re,
  409 + '');
  410 + for (ng = 0; ng < nguias; ng++) {
  411 + if (CONFIGURA[guias[ng]].id === "guia"
  412 + + g) {
324 413 tituloguia = "";
325 414 }
326 415 }
327   - if (tituloguia !== ""){
328   - i3GEO.guias.CONFIGURA["guia"+g] = [];
329   - i3GEO.guias.CONFIGURA["guia"+g].titulo = tituloguia;
330   - i3GEO.guias.CONFIGURA["guia"+g].id = "guia"+g;
331   - i3GEO.guias.CONFIGURA["guia"+g].idconteudo = "guia"+g+"obj";
332   - if($i('guia'+g).onclick){
333   - i3GEO.guias.CONFIGURA["guia"+g].click = $i("guia"+g).onclick;
  416 + if (tituloguia !== "") {
  417 + i3GEO.guias.CONFIGURA["guia"
  418 + + g] = [];
  419 + i3GEO.guias.CONFIGURA["guia"
  420 + + g].titulo = tituloguia;
  421 + i3GEO.guias.CONFIGURA["guia"
  422 + + g].id = "guia"
  423 + + g;
  424 + i3GEO.guias.CONFIGURA["guia"
  425 + + g].idconteudo = "guia"
  426 + + g
  427 + + "obj";
  428 + if ($i('guia'
  429 + + g).onclick) {
  430 + i3GEO.guias.CONFIGURA["guia"
  431 + + g].click = $i("guia"
  432 + + g).onclick;
334 433 }
335 434 }
336 435 }
337 436 }
338   - if(i3GEO.guias.ORDEM === "")
339   - {guias = i3GEO.util.listaChaves(CONFIGURA);}
340   - else
341   - {guias = i3GEO.guias.ORDEM;}
  437 + if (i3GEO.guias.ORDEM === "") {
  438 + guias = i3GEO.util.listaChaves(CONFIGURA);
  439 + } else {
  440 + guias = i3GEO.guias.ORDEM;
  441 + }
342 442 nguias = guias.length;
343 443 //
344   - //verifica o div que cont&eacute;m as guias caso n&atilde;o tenha sido passado como par�metro
  444 + // verifica o div que cont&eacute;m as guias caso n&atilde;o tenha
  445 + // sido passado como par�metro
345 446 //
346   - if(arguments.length === 0){
347   - for(ng=0;ng<nguias;ng++){
  447 + if (arguments.length === 0) {
  448 + for (ng = 0; ng < nguias; ng++) {
348 449 i = $i(i3GEO.guias.CONFIGURA[guias[ng]].id);
349   - if(i){onde = i.parentNode;}
  450 + if (i) {
  451 + onde = i.parentNode;
  452 + }
350 453 }
  454 + } else {
  455 + onde = $i(onde);
  456 + }
  457 + if (!onde) {
  458 + return;
351 459 }
352   - else
353   - {onde = $i(onde);}
354   - if(!onde){return;}
355 460 onde.id = i3GEO.guias.IDGUIAS;
356 461 onde.className = "yui-navset";
357 462 //
358   - //constroi as TAGs para as guias
  463 + // constroi as TAGs para as guias
359 464 //
360   - if(i3GEO.guias.TIPO === "guia" || i3GEO.guias.TIPO === "tablet"){
  465 + if (i3GEO.guias.TIPO === "guia"
  466 + || i3GEO.guias.TIPO === "tablet") {
361 467 ins = '<ul class="yui-nav" style="border-width:0pt 0pt 0px;border-color:rgb(240,240,240);border-bottom-color:white;text-align:center;">';
362   - for(ng=0;ng<nguias;ng++){
363   - if($i(i3GEO.guias.CONFIGURA[guias[ng]].id)){
364   - if($i(i3GEO.guias.CONFIGURA[guias[ng]].idconteudo))
365   - {ins += '<li><a alt="" title=""><em><div id="'+i3GEO.guias.CONFIGURA[guias[ng]].id+'" >'+i3GEO.guias.CONFIGURA[guias[ng]].titulo+'</div></em></a></li>';}
  468 + for (ng = 0; ng < nguias; ng++) {
  469 + if ($i(i3GEO.guias.CONFIGURA[guias[ng]].id)) {
  470 + if ($i(i3GEO.guias.CONFIGURA[guias[ng]].idconteudo)) {
  471 + ins += '<li><a alt="" title=""><em><div id="'
  472 + + i3GEO.guias.CONFIGURA[guias[ng]].id
  473 + + '" >'
  474 + + i3GEO.guias.CONFIGURA[guias[ng]].titulo
  475 + + '</div></em></a></li>';
  476 + }
366 477 }
367 478 }
368   - //adiciona uma guia que permite esconder todas as outras guias se for do tipo tablet
  479 + // adiciona uma guia que permite esconder todas as outras guias
  480 + // se for do tipo tablet
369 481 ins += "</ul>";
370 482 onde.innerHTML = ins;
371 483 }
372   - if(i3GEO.guias.TIPO === "sanfona"){
373   - ins = '<dl id=sanfona'+onde.id+' class="accordion" >';
374   - //verifica a quantidade certa de guias
375   - if(i3GEO.guias.ORDEM === ""){
376   - for(ng=0;ng<nguias;ng++){
377   - if($i(i3GEO.guias.CONFIGURA[guias[ng]].id)){
  484 + if (i3GEO.guias.TIPO === "sanfona") {
  485 + ins = '<dl id=sanfona'
  486 + + onde.id
  487 + + ' class="accordion" >';
  488 + // verifica a quantidade certa de guias
  489 + if (i3GEO.guias.ORDEM === "") {
  490 + for (ng = 0; ng < nguias; ng++) {
  491 + if ($i(i3GEO.guias.CONFIGURA[guias[ng]].id)) {
378 492 nguiasreal++;
379 493 }
380 494 }
  495 + } else {
  496 + nguiasreal = i3GEO.guias.ORDEM.length;
381 497 }
382   - else
383   - {nguiasreal = i3GEO.guias.ORDEM.length;}
384 498  
385   - if(navn)
386   - {altura = i3GEO.parametros.h - (nguiasreal * 25) - 1;}
387   - else
388   - {altura = i3GEO.parametros.h - (nguiasreal * 23) + 1;}
389   - for(ng=0;ng<nguias;ng++){
390   - if($i(i3GEO.guias.CONFIGURA[guias[ng]].id)){
  499 + if (navn) {
  500 + altura = i3GEO.parametros.h
  501 + - (nguiasreal * 25)
  502 + - 1;
  503 + } else {
  504 + altura = i3GEO.parametros.h
  505 + - (nguiasreal * 23)
  506 + + 1;
  507 + }
  508 + for (ng = 0; ng < nguias; ng++) {
  509 + if ($i(i3GEO.guias.CONFIGURA[guias[ng]].id)) {
391 510 id = i3GEO.guias.CONFIGURA[guias[ng]].idconteudo;
392 511 temp = $i(id);
393   - if(temp){
  512 + if (temp) {
394 513 guiaconteudo = temp.innerHTML;
395 514 temp.innerHTML = "";
396 515 temp.style.display = "none";
397 516 temp.id = "";
398   - ins += '<dt style=height:17px id="'+i3GEO.guias.CONFIGURA[guias[ng]].id+'" >' +
399   - '<table class=accordiontable ><tr><td width="98%" >'+i3GEO.guias.CONFIGURA[guias[ng]].titulo+'</td><td width="2%" ><img id="" src="'+i3GEO.configura.locaplic+'/imagens/branco.gif" style="width:10px;" /></td></tr></table>' +
400   - '<dd clas=close >' +
401   - '<div class=bd >' +
402   - '<div id="'+id+'" >'+guiaconteudo+'</div></div></dd>';
  517 + ins += '<dt style=height:17px id="'
  518 + + i3GEO.guias.CONFIGURA[guias[ng]].id
  519 + + '" >'
  520 + + '<table class=accordiontable ><tr><td width="98%" >'
  521 + + i3GEO.guias.CONFIGURA[guias[ng]].titulo
  522 + + '</td><td width="2%" ><img id="" src="'
  523 + + i3GEO.configura.locaplic
  524 + + '/imagens/branco.gif" style="width:10px;" /></td></tr></table>'
  525 + + '<dd clas=close >'
  526 + + '<div class=bd >'
  527 + + '<div id="'
  528 + + id
  529 + + '" >'
  530 + + guiaconteudo
  531 + + '</div></div></dd>';
403 532 }
404 533 }
405 534 }
406 535 ins += "</dl>";
407 536 onde.innerHTML = ins;
408   - onde.style.height = altura+"px";
409   - YAHOO.lutsr.accordion.init(true,5,false,"sanfona"+onde.id,altura);
  537 + onde.style.height = altura
  538 + + "px";
  539 + YAHOO.lutsr.accordion.init(
  540 + true,
  541 + 5,
  542 + false,
  543 + "sanfona"
  544 + + onde.id,
  545 + altura);
410 546 i3GEO.guias.ALTURACORPOGUIAS = altura;
411 547 }
412   - for(g=0;g<nguias;g++)
413   - {
  548 + for (g = 0; g < nguias; g++) {
414 549 guia = i3GEO.guias.CONFIGURA[guias[g]];
415 550 id = guia.id;
416 551 guiaconteudo = $i(id);
417   - if(guiaconteudo){
418   - if(guia.click === "" || guia.click === undefined)
419   - {eval('$i("'+id+'").onclick = function(event){i3GEO.guias.mostra("'+guias[g]+'");}');}
420   - else
421   - {guiaconteudo.onclick = guia.click;}
422   - YAHOO.util.Event.addListener($i(id), "click", YAHOO.util.Event.preventDefault);
423   - YAHOO.util.Event.addListener($i(id), "click", YAHOO.util.Event.stopPropagation);
424   - YAHOO.util.Event.addFocusListener($i(id), YAHOO.util.Event.preventDefault);
425   - guiaconteudo.onmouseover = function(){};
426   - guiaconteudo.onmouseout = function(){};
  552 + if (guiaconteudo) {
  553 + if (guia.click === ""
  554 + || guia.click === undefined) {
  555 + eval('$i("'
  556 + + id
  557 + + '").onclick = function(event){i3GEO.guias.mostra("'
  558 + + guias[g]
  559 + + '");}');
  560 + } else {
  561 + guiaconteudo.onclick = guia.click;
  562 + }
  563 + YAHOO.util.Event.addListener(
  564 + $i(id),
  565 + "click",
  566 + YAHOO.util.Event.preventDefault);
  567 + YAHOO.util.Event.addListener(
  568 + $i(id),
  569 + "click",
  570 + YAHOO.util.Event.stopPropagation);
  571 + YAHOO.util.Event.addFocusListener(
  572 + $i(id),
  573 + YAHOO.util.Event.preventDefault);
  574 + guiaconteudo.onmouseover = function() {
  575 + };
  576 + guiaconteudo.onmouseout = function() {
  577 + };
427 578 temp = $i(guia.idconteudo);
428   - if(temp){
429   - temp.style.overflow="auto";
430   - if(i3GEO.guias.TIPO === "guia"){
431   - if(i3GEO.guias.ALTURACORPOGUIAS === 0)
432   - {temp.style.height = i3GEO.parametros.h + "px";}
433   - else
434   - {temp.style.height = i3GEO.guias.ALTURACORPOGUIAS + "px";}
  579 + if (temp) {
  580 + temp.style.overflow = "auto";
  581 + if (i3GEO.guias.TIPO === "guia") {
  582 + if (i3GEO.guias.ALTURACORPOGUIAS === 0) {
  583 + temp.style.height = i3GEO.parametros.h
  584 + + "px";
  585 + } else {
  586 + temp.style.height = i3GEO.guias.ALTURACORPOGUIAS
  587 + + "px";
  588 + }
  589 + } else {
  590 + temp.style.height = onde.style.height;
435 591 }
436   - else
437   - {temp.style.height = onde.style.height;}
438 592 }
439 593 }
440 594 }
  595 + } catch (e) {
  596 + if (typeof (console) !== 'undefined') {
  597 + console.error("i3GEO.guias.cria "
  598 + + e);
  599 + }
441 600 }
442   - catch(e){
443   - if(typeof(console) !== 'undefined'){console.error("i3GEO.guias.cria "+e);}
444   - }
445   - if(i3GEO.guias.TIPO !== "tablet"){
  601 + if (i3GEO.guias.TIPO !== "tablet") {
446 602 i3GEO.guias.mostra(i3GEO.guias.ATUAL);
447 603 i3GEO.guias.ativa(i3GEO.guias.ATUAL);
  604 + } else {
  605 + i3GEO.guias.escondeGuias();
448 606 }
449   - else
450   - {i3GEO.guias.escondeGuias();}
451 607 },
452 608 /*
453   - Ajusta a altura das guias conforme a altura da imagem do mapa
454   - */
455   - ajustaAltura: function(){
456   - if(typeof(console) !== 'undefined'){console.info("i3GEO.guias.ajustaAltura()");}
457   - var guia,guias,nguias,temp,temps,n,i,g,
458   - altura=0;
459   - if(i3GEO.guias.ALTURACORPOGUIAS != 0)
460   - {altura = i3GEO.guias.ALTURACORPOGUIAS;}
  609 + * Ajusta a altura das guias conforme a altura da imagem do mapa
  610 + */
  611 + ajustaAltura : function() {
  612 + if (typeof (console) !== 'undefined') {
  613 + console.info("i3GEO.guias.ajustaAltura()");
  614 + }
  615 + var guia, guias, nguias, temp, temps, n, i, g, altura = 0;
  616 + if (i3GEO.guias.ALTURACORPOGUIAS != 0) {
  617 + altura = i3GEO.guias.ALTURACORPOGUIAS;
  618 + }
461 619 guias = i3GEO.util.listaChaves(i3GEO.guias.CONFIGURA);
462 620 nguias = guias.length;
463   - for(g=0;g<nguias;g++){
  621 + for (g = 0; g < nguias; g++) {
464 622 guia = $i(this.CONFIGURA[guias[g]].idconteudo);
465   - if(guia){
466   - guia.style.overflow="auto";
467   - if(this.TIPO === "guia")
468   - {guia.style.height = altura + "px";}
469   - if(this.TIPO === "sanfona"){
470   - guia.style.height = altura + "px";
  623 + if (guia) {
  624 + guia.style.overflow = "auto";
  625 + if (this.TIPO === "guia") {
  626 + guia.style.height = altura
  627 + + "px";
  628 + }
  629 + if (this.TIPO === "sanfona") {
  630 + guia.style.height = altura
  631 + + "px";
471 632 temp = $i("guiasYUI");
472   - if(temp){
473   - temp.style.height = altura + "px";
  633 + if (temp) {
  634 + temp.style.height = altura
  635 + + "px";
474 636 temps = temp.getElementsByTagName("dd");
475 637 n = temps.length;
476   - for(i=0;i<n;i++){
477   - if(temps[i].style.visibility == "visible")
478   - {temps[i].style.height = altura + "px";}
  638 + for (i = 0; i < n; i++) {
  639 + if (temps[i].style.visibility == "visible") {
  640 + temps[i].style.height = altura
  641 + + "px";
  642 + }
479 643 }
480 644 }
481 645 YAHOO.lutsr.accordion.properties.altura = altura;
... ... @@ -484,494 +648,673 @@ i3GEO.guias = {
484 648 }
485 649 },
486 650 /*
487   - Esconde todas as guias
488   - */
489   - escondeGuias: function(){
490   - var guias,nguias,g,temp,attributes,anim;
  651 + * Esconde todas as guias
  652 + */
  653 + escondeGuias : function() {
  654 + var guias, nguias, g, temp, attributes, anim;
491 655 guias = i3GEO.util.listaChaves(i3GEO.guias.CONFIGURA);
492 656 nguias = guias.length;
493   - for(g=0;g<nguias;g++){
  657 + for (g = 0; g < nguias; g++) {
494 658 temp = $i(this.CONFIGURA[guias[g]].idconteudo);
495   - if(temp){
496   - if(i3GEO.guias.TIPO === "tablet" && temp.style.display === "block"){
  659 + if (temp) {
  660 + if (i3GEO.guias.TIPO === "tablet"
  661 + && temp.style.display === "block") {
497 662 temp.style.overflow = "hidden";
498 663 attributes = {
499   - height: { to: 0 },
500   - id: this.CONFIGURA[guias[g]].idconteudo
  664 + height : {
  665 + to : 0
  666 + },
  667 + id : this.CONFIGURA[guias[g]].idconteudo
501 668 };
502 669 anim = new YAHOO.util.Anim(temp, attributes, 1, YAHOO.util.Easing.easeNone);
503   - anim.onComplete.subscribe(function(){
  670 + anim.onComplete.subscribe(function() {
504 671 var temp = $i(anim.attributes.id);
505 672 temp.style.overflow = "auto";
506   - temp.style.display="none";
507   - if(i3GEO.barraDeBotoes.BARRAS[0])
508   - {i3GEO.barraDeBotoes.BARRAS[0].show();}
  673 + temp.style.display = "none";
  674 + if (i3GEO.barraDeBotoes.BARRAS[0]) {
  675 + i3GEO.barraDeBotoes.BARRAS[0].show();
  676 + }
509 677 });
510 678 anim.animate();
  679 + } else {
  680 + temp.style.display = "none";
511 681 }
512   - else
513   - {temp.style.display="none";}
514 682 }
515   - if($i(this.CONFIGURA[guias[g]].id) && i3GEO.guias.TIPO !== "movel")
516   - {$i(this.CONFIGURA[guias[g]].id).parentNode.parentNode.style.background="transparent";}
  683 + if ($i(this.CONFIGURA[guias[g]].id)
  684 + && i3GEO.guias.TIPO !== "movel") {
  685 + $i(this.CONFIGURA[guias[g]].id).parentNode.parentNode.style.background = "transparent";
  686 + }
517 687 }
518 688 },
519 689 /*
520   - Mostra no mapa uma determinada guia
521   -
522   - Parametro:
523   -
524   - guia {String} - nome da guia
525   - */
526   - mostra: function(guia){
527   - if(typeof(console) !== 'undefined'){console.info("i3GEO.guias.mostra()");}
528   - var guias,nguias,g,temp,attributes,anim;
  690 + * Mostra no mapa uma determinada guia
  691 + *
  692 + * Parametro:
  693 + *
  694 + * guia {String} - nome da guia
  695 + */
  696 + mostra : function(guia) {
  697 + if (typeof (console) !== 'undefined') {
  698 + console.info("i3GEO.guias.mostra()");
  699 + }
  700 + var guias, nguias, g, temp, attributes, anim;
529 701 guias = i3GEO.util.listaChaves(i3GEO.guias.CONFIGURA);
530 702 nguias = guias.length;
531 703 //
532   - //se a guia clicada j&aacute; estiver aberta na interface com TABLET
  704 + // se a guia clicada j&aacute; estiver aberta na interface com TABLET
533 705 //
534   - if(!$i(i3GEO.guias.CONFIGURA[guia].idconteudo)){
  706 + if (!$i(i3GEO.guias.CONFIGURA[guia].idconteudo)) {
535 707 return;
536 708 }
537   - if($i(i3GEO.guias.CONFIGURA[guia].idconteudo).style.display === "block" && i3GEO.guias.TIPO === "tablet"){
  709 + if ($i(i3GEO.guias.CONFIGURA[guia].idconteudo).style.display === "block"
  710 + && i3GEO.guias.TIPO === "tablet") {
538 711 i3GEO.guias.escondeGuias();
539 712 return;
540 713 }
541   - if(i3GEO.guias.TIPO !== "movel"){
542   - for(g=0;g<nguias;g++){
543   - if($i(i3GEO.guias.CONFIGURA[guias[g]].idconteudo))
544   - {$i(i3GEO.guias.CONFIGURA[guias[g]].idconteudo).style.display="none";}
545   - if($i(i3GEO.guias.CONFIGURA[guias[g]].id))
546   - {$i(i3GEO.guias.CONFIGURA[guias[g]].id).parentNode.parentNode.style.background="transparent";}
  714 + if (i3GEO.guias.TIPO !== "movel") {
  715 + for (g = 0; g < nguias; g++) {
  716 + if ($i(i3GEO.guias.CONFIGURA[guias[g]].idconteudo)) {
  717 + $i(i3GEO.guias.CONFIGURA[guias[g]].idconteudo).style.display = "none";
  718 + }
  719 + if ($i(i3GEO.guias.CONFIGURA[guias[g]].id)) {
  720 + $i(i3GEO.guias.CONFIGURA[guias[g]].id).parentNode.parentNode.style.background = "transparent";
  721 + }
547 722 }
548 723 }
549 724 //
550   - //verifica se o nome da guia passado como parametro est&aacute; correto ou &eacute; o id da guia
  725 + // verifica se o nome da guia passado como parametro est&aacute; correto
  726 + // ou &eacute; o id da guia
551 727 //
552   - if(i3GEO.guias.CONFIGURA.toString().search(guia) < 0){
553   - for(g=0;g<nguias;g++){
554   - if(i3GEO.guias.CONFIGURA[guias[g]].id === guia)
555   - {guia = guias[g];}
  728 + if (i3GEO.guias.CONFIGURA.toString().search(
  729 + guia) < 0) {
  730 + for (g = 0; g < nguias; g++) {
  731 + if (i3GEO.guias.CONFIGURA[guias[g]].id === guia) {
  732 + guia = guias[g];
  733 + }
556 734 }
557 735 }
558   - if(i3GEO.guias.CONFIGURA[guia]){
  736 + if (i3GEO.guias.CONFIGURA[guia]) {
559 737 temp = $i(i3GEO.guias.CONFIGURA[guia].idconteudo);
560   - if(temp){
561   - if(i3GEO.guias.TIPO === "tablet"){
562   - if(i3GEO.barraDeBotoes.BARRAS[0])
563   - {i3GEO.barraDeBotoes.BARRAS[0].hide();}
564   - temp.style.left = (i3GEO.parametros.w / 2) - 150 + "px";
565   - temp.style.height = 0;//i3GEO.parametros.h - 10 + "px";
  738 + if (temp) {
  739 + if (i3GEO.guias.TIPO === "tablet") {
  740 + if (i3GEO.barraDeBotoes.BARRAS[0]) {
  741 + i3GEO.barraDeBotoes.BARRAS[0].hide();
  742 + }
  743 + temp.style.left = (i3GEO.parametros.w / 2)
  744 + - 150
  745 + + "px";
  746 + temp.style.height = 0;// i3GEO.parametros.h - 10 + "px";
566 747 temp.style.display = "block";
567 748 temp.style.zIndex = 9000;
568 749 temp.style.overflow = "hidden";
569 750 attributes = {
570   - height: { to: i3GEO.parametros.h - 10 }
  751 + height : {
  752 + to : i3GEO.parametros.h - 10
  753 + }
571 754 };
572 755 anim = new YAHOO.util.Anim(temp, attributes, 1, YAHOO.util.Easing.easeNone);
573   - anim.onComplete.subscribe(function(){
  756 + anim.onComplete.subscribe(function() {
574 757 temp.style.overflow = "auto";
575 758 temp.style.display = "block";
576 759 });
577   - if(DetectaMobile("DetectAndroid") === true){
  760 + if (DetectaMobile("DetectAndroid") === true) {
578 761 temp.style.height = "";
579 762 temp.style.overflow = "auto";
  763 + } else {
  764 + anim.animate();
580 765 }
581   - else
582   - {anim.animate();}
  766 + } else {
  767 + temp.style.display = "block";
  768 + }
  769 + if (i3GEO.guias.TIPO !== "movel") {
  770 + $i(i3GEO.guias.CONFIGURA[guia].id).parentNode.parentNode.style.backgroundColor = "white";
583 771 }
584   - else
585   - {temp.style.display="block";}
586   - if(i3GEO.guias.TIPO !== "movel")
587   - {$i(i3GEO.guias.CONFIGURA[guia].id).parentNode.parentNode.style.backgroundColor="white";}
588 772 i3GEO.guias.ATUAL = guia;
589 773 }
590 774 }
591 775 },
592 776 /*
593   - Function: ativa
594   -
595   - Ativa uma determinada guia
596   -
597   - Parametro:
598   -
599   - guia {String} - guia que ser&aacute; ativada
600   - */
601   - ativa: function(guia){
602   - if(typeof(console) !== 'undefined'){console.info("i3GEO.guias.ativa()");}
603   - try{
604   - i3GEO.guias.ATUAL = guia;
605   - if(i3GEO.guias.CONFIGURA[i3GEO.guias.ATUAL].click !== "")
606   - {i3GEO.guias.CONFIGURA[i3GEO.guias.ATUAL].click.call();}
  777 + * Function: ativa
  778 + *
  779 + * Ativa uma determinada guia
  780 + *
  781 + * Parametro:
  782 + *
  783 + * guia {String} - guia que ser&aacute; ativada
  784 + */
  785 + ativa : function(guia) {
  786 + if (typeof (console) !== 'undefined') {
  787 + console.info("i3GEO.guias.ativa()");
607 788 }
608   - catch(e){
609   - if(typeof(console) !== 'undefined'){console.error(e);}
  789 + try {
  790 + i3GEO.guias.ATUAL = guia;
  791 + if (i3GEO.guias.CONFIGURA[i3GEO.guias.ATUAL].click !== "") {
  792 + i3GEO.guias.CONFIGURA[i3GEO.guias.ATUAL].click.call();
  793 + }
  794 + } catch (e) {
  795 + if (typeof (console) !== 'undefined') {
  796 + console.error(e);
  797 + }
610 798 }
611 799 },
612 800 /*
613   - Libera as guias do local atual, colocando-as em uma janela flutuante sobre o mapa.
614   - */
615   - libera: function(){
616   - if(typeof(console) !== 'undefined'){console.info("i3GEO.guias.libera()");}
617   - if (!$i("conteudojanelaguias")){
618   - var i,w,pos,a,l,temp;
  801 + * Libera as guias do local atual, colocando-as em uma janela flutuante
  802 + * sobre o mapa.
  803 + */
  804 + libera : function() {
  805 + if (typeof (console) !== 'undefined') {
  806 + console.info("i3GEO.guias.libera()");
  807 + }
  808 + if (!$i("conteudojanelaguias")) {
  809 + var i, w, pos, a, l, temp;
619 810 $i(i3GEO.Interface.IDCORPO).style.left = "0px";
620   - if($i(this.IDGUIAS))
621   - {$i(this.IDGUIAS).style.display="none";}
  811 + if ($i(this.IDGUIAS)) {
  812 + $i(this.IDGUIAS).style.display = "none";
  813 + }
622 814 i = $i("contemFerramentas");
623   - //if(i)
624   - //{i.style.display = "none";}
625   - w = parseInt($i("contemFerramentas").style.width,10);
  815 + // if(i)
  816 + // {i.style.display = "none";}
  817 + w = parseInt(
  818 + $i("contemFerramentas").style.width,
  819 + 10);
626 820 $i("contemFerramentas").style.width = "0px";
627   - //visual foi depreciado na 4.7
628   - //i = $i("visual");
629   - //if (i)
630   - //{i.style.width="0px";i.innerHTML="";}
  821 + // visual foi depreciado na 4.7
  822 + // i = $i("visual");
  823 + // if (i)
  824 + // {i.style.width="0px";i.innerHTML="";}
631 825 pos = "px";
632 826 a = i3GEO.parametros.h;
633   - l = i3GEO.parametros.w + w;
  827 + l = i3GEO.parametros.w
  828 + + w;
634 829 i3GEO.parametros.h = a;
635 830 i3GEO.parametros.w = l;
636   - //if (navm)
637   - //{pos = "";}
  831 + // if (navm)
  832 + // {pos = "";}
638 833 i = $i(i3GEO.Interface.IDCORPO);
639   - if(i){
640   - i.style.width= l+pos;
641   - i.style.height= a+pos;
  834 + if (i) {
  835 + i.style.width = l
  836 + + pos;
  837 + i.style.height = a
  838 + + pos;
642 839 }
643 840 i = $i(i3GEO.Interface.IDMAPA);
644   - if(i){
645   - i.style.width= l+pos;
646   - i.style.height= a+pos;
647   - i.style.clip = 'rect('+0+" "+(l*1+2)+" "+(a*1+2)+" "+0+')';
  841 + if (i) {
  842 + i.style.width = l
  843 + + pos;
  844 + i.style.height = a
  845 + + pos;
  846 + i.style.clip = 'rect('
  847 + + 0
  848 + + " "
  849 + + (l * 1 + 2)
  850 + + " "
  851 + + (a * 1 + 2)
  852 + + " "
  853 + + 0
  854 + + ')';
648 855 }
649 856 i = $i("mst");
650   - if(i)
651   - {i.style.width = l + 1 + pos;}
  857 + if (i) {
  858 + i.style.width = l
  859 + + 1
  860 + + pos;
  861 + }
652 862 i3GEO.mapa.ajustaPosicao();
653   - temp = function(retorno){
654   - //carrega janela
655   - var novoel,temp,i,g,guias,nguias,janela;
  863 + temp = function(retorno) {
  864 + // carrega janela
  865 + var novoel, temp, i, g, guias, nguias, janela;
656 866 novoel = document.createElement("div");
657 867 novoel.id = "janelaguias";
658   - novoel.style.display="block";
  868 + novoel.style.display = "block";
659 869 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>';
660   - temp = $i("i3geo") ? $i("i3geo").appendChild(novoel) : document.body.appendChild(novoel);
661   - janela = new YAHOO.widget.Panel("janelaguias", {width:"270px", fixedcenter: true, constraintoviewport: false, underlay:"none", close:false, visible:true, draggable:true, modal:false,iframe:true } );
  870 + temp = $i("i3geo") ? $i(
  871 + "i3geo").appendChild(
  872 + novoel) : document.body.appendChild(novoel);
  873 + janela = new YAHOO.widget.Panel("janelaguias", {
  874 + width : "270px",
  875 + fixedcenter : true,
  876 + constraintoviewport : false,
  877 + underlay : "none",
  878 + close : false,
  879 + visible : true,
  880 + draggable : true,
  881 + modal : false,
  882 + iframe : true
  883 + });
662 884 YAHOO.i3GEO.janela.manager.register(janela);
663 885 janela.render();
664 886 janela.show();
665   - janela.cfg.setProperty("y", 0);
  887 + janela.cfg.setProperty(
  888 + "y",
  889 + 0);
666 890 i = $i(i3GEO.guias.IDGUIAS);
667   - $i("conteudojanelaguias_corpo").appendChild(i);
668   - i.style.borderLeft="1px solid black";
669   - i.style.borderRight="1px solid black";
  891 + $i(
  892 + "conteudojanelaguias_corpo").appendChild(
  893 + i);
  894 + i.style.borderLeft = "1px solid black";
  895 + i.style.borderRight = "1px solid black";
670 896 guias = i3GEO.util.listaChaves(i3GEO.guias.CONFIGURA);
671 897 nguias = guias.length;
672   - for(g=0;g<nguias;g++){
673   - if($i(i3GEO.guias.CONFIGURA[guias[g]].idconteudo)){
674   - $i("conteudojanelaguias_corpo").appendChild($i(i3GEO.guias.CONFIGURA[guias[g]].idconteudo));
  898 + for (g = 0; g < nguias; g++) {
  899 + if ($i(i3GEO.guias.CONFIGURA[guias[g]].idconteudo)) {
  900 + $i(
  901 + "conteudojanelaguias_corpo").appendChild(
  902 + $i(i3GEO.guias.CONFIGURA[guias[g]].idconteudo));
675 903 temp = $i(i3GEO.guias.CONFIGURA[guias[g]].idconteudo).style;
676   - temp.background="white";
677   - temp.border="1px solid black";
678   - temp.borderTop="0px solid black";
679   - temp.width="270px";
680   - temp.left="-1px";
681   - temp.height = i3GEO.parametros.h - 90 + "px";
  904 + temp.background = "white";
  905 + temp.border = "1px solid black";
  906 + temp.borderTop = "0px solid black";
  907 + temp.width = "270px";
  908 + temp.left = "-1px";
  909 + temp.height = i3GEO.parametros.h
  910 + - 90
  911 + + "px";
682 912 }
683 913 }
684 914 i3GEO.atualiza("");
685   - i.style.display="block";
  915 + i.style.display = "block";
686 916 i.style.left = "-1px";
687 917 i.style.width = "270px";
688 918 };
689   - i3GEO.php.mudatamanho(temp,a,l);
690   - }
691   - else{
  919 + i3GEO.php.mudatamanho(
  920 + temp,
  921 + a,
  922 + l);
  923 + } else {
692 924 janela = YAHOO.i3GEO.janela.manager.find(id);
693 925 janela.show();
694 926 janela.bringToTop();
695 927 }
696 928 },
697 929 /*
698   - Mostra uma determinada guia em uma janela do tipo ferramenta.
699   -
700   - As guias s&atilde;o constru&iacute;das pelo construtor da ferramenta
701   -
702   - Parametros:
703   -
704   - guia {String} - O elemento html cujo id for igual a guia+"obj" ter&aacute; seu estilo (display) definido como block, tornando-o vis&iacute;vel
705   -
706   - namespace {String} - Todos os elementos html que tiverem como id o namespace, seguindo por um n&uacute;mero e "obj", ter&atilde;o seu estilo alterado para none, tornando-se invis&iacute;veis
707   -
708   - */
709   - mostraGuiaFerramenta: function(guia,namespace){
710   - if(typeof(console) !== 'undefined'){console.info("i3GEO.guias.mostraGuiaFerramenta()");}
  930 + * Mostra uma determinada guia em uma janela do tipo ferramenta.
  931 + *
  932 + * As guias s&atilde;o constru&iacute;das pelo construtor da ferramenta
  933 + *
  934 + * Parametros:
  935 + *
  936 + * guia {String} - O elemento html cujo id for igual a guia+"obj"
  937 + * ter&aacute; seu estilo (display) definido como block, tornando-o
  938 + * vis&iacute;vel
  939 + *
  940 + * namespace {String} - Todos os elementos html que tiverem como id o
  941 + * namespace, seguindo por um n&uacute;mero e "obj", ter&atilde;o seu estilo
  942 + * alterado para none, tornando-se invis&iacute;veis
  943 + *
  944 + */
  945 + mostraGuiaFerramenta : function(guia, namespace) {
  946 + if (typeof (console) !== 'undefined') {
  947 + console.info("i3GEO.guias.mostraGuiaFerramenta()");
  948 + }
711 949 var g, Dom = YAHOO.util.Dom;
712   - if(!namespace)
713   - {namespace = "guia";}
714   - for(g=0;g<12;g++){
715   - Dom.setStyle(namespace+g+"obj","display","none");
  950 + if (!namespace) {
  951 + namespace = "guia";
716 952 }
717   - Dom.setStyle(guia+"obj","display","block");
  953 + for (g = 0; g < 12; g++) {
  954 + Dom.setStyle(
  955 + namespace
  956 + + g
  957 + + "obj",
  958 + "display",
  959 + "none");
  960 + }
  961 + Dom.setStyle(
  962 + guia
  963 + + "obj",
  964 + "display",
  965 + "block");
718 966 },
719 967 /*
720   - Function: guiaMovel
721   -
722   - Controla as guias do tipo "movel", que apresenta uma janela retr&aacute;til onde as op&ccedil;&otilde;es s&atilde;o mostradas
723   - */
724   - guiaMovel: {
  968 + * Function: guiaMovel
  969 + *
  970 + * Controla as guias do tipo "movel", que apresenta uma janela
  971 + * retr&aacute;til onde as op&ccedil;&otilde;es s&atilde;o mostradas
  972 + */
  973 + guiaMovel : {
725 974 /*
726   - Propriedade: ABERTA
727   -
728   - Indica se a guia inicializar&aacute; aberta
729   -
730   - Type:
731   - {boolean}
732   - */
733   - ABERTA: false,
  975 + * Propriedade: ABERTA
  976 + *
  977 + * Indica se a guia inicializar&aacute; aberta
  978 + *
  979 + * Type: {boolean}
  980 + */
  981 + ABERTA : false,
734 982 /*
735   - Define os valores de posicionamento dos elementos que comp&otilde;em a guia
736   - */
737   - config: {
738   - larguraPuxador: 50,
739   - alturaPuxador: 319,
740   - alturaGuiaMovel: 0,
741   - larguraGuiaMovel: 320,
742   - topGuiaMovel:0,
743   - guias: {
744   - icones: [],
745   - ids: [],
746   - idsconteudos: [],
747   - titulos: [],
748   - chaves: []
749   - }
  983 + * Define os valores de posicionamento dos elementos que comp&otilde;em
  984 + * a guia
  985 + */
  986 + config : {
  987 + larguraPuxador : 50,
  988 + alturaPuxador : 319,
  989 + alturaGuiaMovel : 0,
  990 + larguraGuiaMovel : 320,
  991 + topGuiaMovel : 0,
  992 + guias : {
  993 + icones : [],
  994 + ids : [],
  995 + idsconteudos : [],
  996 + titulos : [],
  997 + chaves : []
  998 + },
  999 + posicao : [
  1000 + "c", "r"
  1001 + ]
  1002 + // vertical, orizontal
750 1003 },
751 1004 /*
752   - Valor de posicionamento a esquerda, calculado na inicializa&ccedil;&atilde;o
753   - */
754   - left: 0,
  1005 + * Valor de posicionamento a esquerda, calculado na
  1006 + * inicializa&ccedil;&atilde;o
  1007 + */
  1008 + left : 0,
755 1009 /*
756   - Function: inicia
757   -
758   - Inicializa a guia m&oacute;vel
759   - */
760   - inicia: function(){
761   - var posMapa = i3GEO.util.pegaPosicaoObjeto($i(i3GEO.Interface.IDMAPA)),
762   - centroY = posMapa[1] + (i3GEO.parametros.h / 2),
763   - config = i3GEO.guias.guiaMovel.config,
764   - temp;
765   -
766   - if(i3GEO.guias.ALTURACORPOGUIAS === 0 && config.alturaGuiaMovel === 0)
767   - {i3GEO.guias.guiaMovel.config.alturaGuiaMovel = i3GEO.parametros.h;}
768   - else
769   - {i3GEO.guias.guiaMovel.config.alturaGuiaMovel = i3GEO.guias.ALTURACORPOGUIAS;}
  1010 + * Function: inicia
  1011 + *
  1012 + * Inicializa a guia m&oacute;vel
  1013 + */
  1014 + inicia : function() {
  1015 + var posMapa = i3GEO.util.pegaPosicaoObjeto($i(i3GEO.Interface.IDMAPA)), centroY = posMapa[1]
  1016 + + (i3GEO.parametros.h / 2), config = i3GEO.guias.guiaMovel.config, temp;
  1017 +
  1018 + if (i3GEO.guias.ALTURACORPOGUIAS === 0
  1019 + && config.alturaGuiaMovel === 0) {
  1020 + i3GEO.guias.guiaMovel.config.alturaGuiaMovel = i3GEO.parametros.h;
  1021 + } else {
  1022 + i3GEO.guias.guiaMovel.config.alturaGuiaMovel = i3GEO.guias.ALTURACORPOGUIAS;
  1023 + }
770 1024 config = i3GEO.guias.guiaMovel.config;
771 1025  
772 1026 temp = $i("i3GEOguiaMovel").style;
773   - //temp.height = config.alturaGuiaMovel + "px";
774   - temp.left = (posMapa[0] + i3GEO.parametros.w - config.larguraPuxador) + "px";
775   - //aberta temp.left = (posMapa[0] + i3GEO.parametros.w - config.larguraPuxador - config.larguraGuiaMovel) + "px";
776   - i3GEO.guias.guiaMovel.left = parseInt(temp.left,10) + "px";
777   - if(config.topGuiaMovel === 0)
778   - {temp.top = (centroY - ((config.alturaGuiaMovel - 42) / 2)) + "px";}
779   - else
780   - {temp.top = config.topGuiaMovel + "px";}
781   - temp.width = config.larguraPuxador + "px";
782   - temp.height = config.alturaGuiaMovel + "px";
783   - //aberta temp.width = config.larguraPuxador + config.larguraGuiaMovel + "px";
  1027 + if (config.posicao[1] === "r") {
  1028 + temp.left = (posMapa[0]
  1029 + + i3GEO.parametros.w - config.larguraPuxador)
  1030 + + "px";
  1031 + i3GEO.guias.guiaMovel.left = parseInt(
  1032 + temp.left,
  1033 + 10)
  1034 + + "px";
  1035 + }
  1036 + if (config.posicao[1] === "l") {
  1037 + temp.left = posMapa[0]
  1038 + + "px";
  1039 + i3GEO.guias.guiaMovel.left = parseInt(
  1040 + temp.left,
  1041 + 10)
  1042 + + "px";
  1043 + }
  1044 + if (config.topGuiaMovel === 0) {
  1045 + temp.top = (centroY - ((config.alturaGuiaMovel - 42) / 2))
  1046 + + "px";
  1047 + } else {
  1048 + temp.top = config.topGuiaMovel
  1049 + + "px";
  1050 + }
  1051 + temp.width = config.larguraPuxador
  1052 + + "px";
  1053 + temp.height = config.alturaGuiaMovel
  1054 + + "px";
  1055 + // aberta temp.width = config.larguraPuxador +
  1056 + // config.larguraGuiaMovel + "px";
784 1057  
785 1058 temp = $i("i3GEOguiaMovelMolde").style;
786 1059 temp.top = "0px";
787   - temp.left = config.larguraPuxador + "px";
788   - //temp.width = "0px"; //config.larguraGuiaMovel + "px";
789   - temp.height = config.alturaGuiaMovel + "px";
  1060 + if (config.posicao[1] === "r") {
  1061 + temp.left = config.larguraPuxador
  1062 + + "px";
  1063 + }
  1064 + if (config.posicao[1] === "l") {
  1065 + temp.left = "1px";
  1066 + }
  1067 +
  1068 + temp.height = config.alturaGuiaMovel
  1069 + + "px";
790 1070 temp.backgroundColor = "white";
791   - //temp.boxShadow = "0 2px 10px 0 #888888";
792 1071  
793   - if($i("i3GEOguiaMovelPuxador")){
  1072 + if ($i("i3GEOguiaMovelPuxador")) {
794 1073 temp = $i("i3GEOguiaMovelPuxador").style;
795   - temp.top = ((config.alturaGuiaMovel - config.alturaPuxador) / 2 ) + "px";
  1074 + temp.top = ((config.alturaGuiaMovel - config.alturaPuxador) / 2)
  1075 + + "px";
796 1076 temp.left = "0px";
797   - temp.width = config.larguraPuxador + "px";
798   - temp.height = config.alturaPuxador + "px";
  1077 + temp.width = config.larguraPuxador
  1078 + + "px";
  1079 + temp.height = config.alturaPuxador
  1080 + + "px";
799 1081 }
800   -
801 1082 temp = $i("i3GEOguiaMovelIcones");
802   - if(temp){
  1083 + if (temp) {
803 1084 temp = temp.style;
804 1085 temp.left = "1px";
805 1086 temp.top = "1px";
806   - temp.width = (config.larguraGuiaMovel - 1) + "px";
  1087 + temp.width = (config.larguraGuiaMovel - 1)
  1088 + + "px";
807 1089 temp.height = "35px";
808   -
809   - if(navm)
810   - {temp.height = "37px";}
  1090 +
  1091 + if (navm) {
  1092 + temp.height = "37px";
  1093 + }
811 1094 temp.zIndex = 5;
812 1095 temp.paddingTop = "2px";
813   - YAHOO.util.Dom.setStyle("i3GEOguiaMovelIcones", "opacity", 0.90);
  1096 + YAHOO.util.Dom.setStyle(
  1097 + "i3GEOguiaMovelIcones",
  1098 + "opacity",
  1099 + 0.90);
814 1100 }
815 1101 temp = $i("i3GEOguiaMovelConteudo").style;
816 1102 temp.left = "1px";
817   - if(temp.top == ""){
  1103 + if (temp.top == "") {
818 1104 temp.top = "38px";
819 1105 }
820   - temp.height = (config.alturaGuiaMovel - 39) +"px";
821   - if(navm)
822   - {temp.width = (config.larguraGuiaMovel - 1) + "px";}
823   - else
824   - {temp.width = (config.larguraGuiaMovel - 5) + "px";}
  1106 + temp.height = (config.alturaGuiaMovel - 39)
  1107 + + "px";
  1108 + if (navm) {
  1109 + temp.width = (config.larguraGuiaMovel - 1)
  1110 + + "px";
  1111 + } else {
  1112 + temp.width = (config.larguraGuiaMovel - 5)
  1113 + + "px";
  1114 + }
825 1115 temp.paddingLeft = "4px";
826 1116  
827   - YAHOO.util.Dom.setStyle("i3GEOguiaMovelConteudo", "opacity", 0.90);
828   -
829   - YAHOO.util.Dom.setStyle("i3GEOguiaMovelMolde", "opacity", 0.10);
830   - $i("i3GEOguiaMovelMolde").onmouseover = function(){
831   - if($i("i3GEOguiaMovelConteudo").style.display === "block")
832   - {YAHOO.util.Dom.setStyle("i3GEOguiaMovelMolde", "opacity", 0.9);}
833   - if($i("i3GEOguiaMovelIcones") && $i("i3GEOguiaMovelIcones").innerHTML === "")
834   - {i3GEO.guias.guiaMovel.mostraIcones();}
  1117 + YAHOO.util.Dom.setStyle(
  1118 + "i3GEOguiaMovelConteudo",
  1119 + "opacity",
  1120 + 0.90);
  1121 +
  1122 + YAHOO.util.Dom.setStyle(
  1123 + "i3GEOguiaMovelMolde",
  1124 + "opacity",
  1125 + 0.10);
  1126 + $i("i3GEOguiaMovelMolde").onmouseover = function() {
  1127 + if ($i("i3GEOguiaMovelConteudo").style.display === "block") {
  1128 + YAHOO.util.Dom.setStyle(
  1129 + "i3GEOguiaMovelMolde",
  1130 + "opacity",
  1131 + 0.9);
  1132 + }
  1133 + if ($i("i3GEOguiaMovelIcones")
  1134 + && $i("i3GEOguiaMovelIcones").innerHTML === "") {
  1135 + i3GEO.guias.guiaMovel.mostraIcones();
  1136 + }
835 1137 };
836   - $i("i3GEOguiaMovelMolde").onmouseout = function(){
837   - YAHOO.util.Dom.setStyle("i3GEOguiaMovelMolde", "opacity", 0.90);
838   - if($i("i3GEOguiaMovelIcones") && $i("i3GEOguiaMovelIcones").innerHTML === "")
839   - {i3GEO.guias.guiaMovel.mostraIcones();}
  1138 + $i("i3GEOguiaMovelMolde").onmouseout = function() {
  1139 + YAHOO.util.Dom.setStyle(
  1140 + "i3GEOguiaMovelMolde",
  1141 + "opacity",
  1142 + 0.90);
  1143 + if ($i("i3GEOguiaMovelIcones")
  1144 + && $i("i3GEOguiaMovelIcones").innerHTML === "") {
  1145 + i3GEO.guias.guiaMovel.mostraIcones();
  1146 + }
840 1147 };
841   - if(i3GEO.guias.guiaMovel.ABERTA === true){
  1148 + if (i3GEO.guias.guiaMovel.ABERTA === true) {
842 1149 i3GEO.guias.guiaMovel.ativa(i3GEO.guias.ATUAL);
843 1150 }
844 1151 i3GEO.guias.guiaMovel.mostraIcones();
845 1152 $i("i3GEOguiaMovel").style.visibility = "visible";
846   - i3GEO.util.aparece("i3GEOguiaMovel",300,100);
847   -
  1153 + i3GEO.util.aparece(
  1154 + "i3GEOguiaMovel",
  1155 + 300,
  1156 + 100);
848 1157 },
849 1158 /*
850   - Mostra os &iacute;cones que acionam cada guia
851   - */
852   - mostraIcones: function(){
853   - if($i("i3GEOguiaMovelIcones") && $i("i3GEOguiaMovelIcones").innerHTML != "")
854   - {return;}
855   - var n = i3GEO.guias.guiaMovel.config.guias.icones.length,
856   - i,
857   - temp = i3GEO.guias.guiaMovel.config.guias,
858   - ins = "",
859   - ico;
860   - if(i3GEO.guias.ORDEM !== "")
861   - {temp.chaves = i3GEO.guias.ORDEM;}
862   - for(i=0;i<n;i++){
863   - if(temp.chaves[i]){
864   - ico = "<button title='"+temp.titulos[i]+"' onmouseout='javascript:this.className = \"iconeGuiaMovel iconeGuiaMovelMouseOut\"' onmouseover='javascript:this.className = \"iconeGuiaMovel iconeGuiaMovelMouseOver\"' onclick='i3GEO.guias.guiaMovel.ativa(\""+temp.chaves[i]+"\")' class=iconeGuiaMovel ><img id='"+temp.ids[i]+"' src='"+i3GEO.configura.locaplic+"/"+temp.icones[i]+"' style='cursor:pointer;' /></button>";
865   - //verifica se existe um id na interface
866   - //se existir, o icone e inserido nesse id
867   - if(!$i("iconeGuia_"+temp.chaves[i])){
  1159 + * Mostra os &iacute;cones que acionam cada guia
  1160 + */
  1161 + mostraIcones : function() {
  1162 + if ($i("i3GEOguiaMovelIcones")
  1163 + && $i("i3GEOguiaMovelIcones").innerHTML != "") {
  1164 + return;
  1165 + }
  1166 + var n = i3GEO.guias.guiaMovel.config.guias.icones.length, i, temp = i3GEO.guias.guiaMovel.config.guias, ins = "", ico;
  1167 + if (i3GEO.guias.ORDEM !== "") {
  1168 + temp.chaves = i3GEO.guias.ORDEM;
  1169 + }
  1170 + for (i = 0; i < n; i++) {
  1171 + if (temp.chaves[i]) {
  1172 + ico = "<button title='"
  1173 + + temp.titulos[i]
  1174 + + "' onmouseout='javascript:this.className = \"iconeGuiaMovel iconeGuiaMovelMouseOut\"' onmouseover='javascript:this.className = \"iconeGuiaMovel iconeGuiaMovelMouseOver\"' onclick='i3GEO.guias.guiaMovel.ativa(\""
  1175 + + temp.chaves[i]
  1176 + + "\")' class=iconeGuiaMovel ><img id='"
  1177 + + temp.ids[i]
  1178 + + "' src='"
  1179 + + i3GEO.configura.locaplic
  1180 + + "/"
  1181 + + temp.icones[i]
  1182 + + "' style='cursor:pointer;' /></button>";
  1183 + // verifica se existe um id na interface
  1184 + // se existir, o icone e inserido nesse id
  1185 + if (!$i("iconeGuia_"
  1186 + + temp.chaves[i])) {
868 1187 ins += ico;
869   - }
870   - else{
871   - $i("iconeGuia_"+temp.chaves[i]).innerHTML = ico;
  1188 + } else {
  1189 + $i("iconeGuia_"
  1190 + + temp.chaves[i]).innerHTML = ico;
872 1191 }
873 1192 }
874 1193 }
875   - if($i("i3GEOguiaMovelIcones")){
  1194 + if ($i("i3GEOguiaMovelIcones")) {
876 1195 $i("i3GEOguiaMovelIcones").innerHTML = ins;
877 1196 }
878 1197 i3GEO.guias.guiaMovel.desativaIcones();
879   - if(i3GEO.guias.ATUAL != ""){
  1198 + if (i3GEO.guias.ATUAL != "") {
880 1199 ico = $i(i3GEO.guias.CONFIGURA[i3GEO.guias.ATUAL].id);
881   - if(ico){
882   - YAHOO.util.Dom.setStyle(ico, "opacity", 0.9);
  1200 + if (ico) {
  1201 + YAHOO.util.Dom.setStyle(
  1202 + ico,
  1203 + "opacity",
  1204 + 0.9);
883 1205 ico.parentNode.style.boxShadow = "none";
884 1206 }
885 1207 }
886 1208 },
887 1209 /*
888   - Altera a cor do fundo dos &iacute;cones, voltando ao original
889   - */
890   - desativaIcones:function(){
  1210 + * Altera a cor do fundo dos &iacute;cones, voltando ao original
  1211 + */
  1212 + desativaIcones : function() {
891 1213 var ims, n, i;
892 1214  
893 1215 ims = $i("i3GEOguiaMovelIcones");
894   - if(ims){
  1216 + if (ims) {
895 1217 ims = ims.getElementsByTagName("button");
896 1218 n = ims.length;
897   - for(i=0;i<n;i++){
898   - YAHOO.util.Dom.setStyle(ims[i], "opacity", 0.7);
  1219 + for (i = 0; i < n; i++) {
  1220 + YAHOO.util.Dom.setStyle(
  1221 + ims[i],
  1222 + "opacity",
  1223 + 0.7);
899 1224 ims[i].style.boxShadow = "";
900 1225 }
901 1226 }
902   - //verifica se existem icones fora do container
  1227 + // verifica se existem icones fora do container
903 1228 n = i3GEO.guias.guiaMovel.config.guias.icones.length;
904 1229 temp = i3GEO.guias.guiaMovel.config.guias;
905   - for(i=0;i<n;i++){
906   - if($i("iconeGuia_"+temp.chaves[i])){
907   - ims = $i("iconeGuia_"+temp.chaves[i]).getElementsByTagName("button");
908   - if(ims.length > 0){
  1230 + for (i = 0; i < n; i++) {
  1231 + if ($i("iconeGuia_"
  1232 + + temp.chaves[i])) {
  1233 + ims = $i(
  1234 + "iconeGuia_"
  1235 + + temp.chaves[i]).getElementsByTagName(
  1236 + "button");
  1237 + if (ims.length > 0) {
909 1238 ims[0].style.backgroundColor = "white";
910 1239 ims[0].style.boxShadow = "";
911 1240 ims[0].style.margin = "0px";
912 1241 ims[0].style.padding = "0px";
913   - if(chro === true){
  1242 + if (chro === true) {
914 1243 ims[0].style.padding = "1.7px";
915 1244 }
916 1245 ims[0].style.border = "1px solid gray";
917   - ims[0].style.borderRight = "2px solid white";
918   - YAHOO.util.Dom.setStyle(ims[0], "opacity", 0.6);
  1246 + if (i3GEO.guias.guiaMovel.config.posicao[1] === "l"){
  1247 + ims[0].style.borderLeft = "2px solid white";
  1248 + }
  1249 + else{
  1250 + ims[0].style.borderRight = "2px solid white";
  1251 + }
  1252 +
  1253 + YAHOO.util.Dom.setStyle(
  1254 + ims[0],
  1255 + "opacity",
  1256 + 0.6);
919 1257 ims[0].blur();
920 1258 }
921 1259 }
922 1260 }
923 1261 },
924 1262 /*
925   - Ativa o conte&uacute;do de determinada guia
926   -
927   - Parametro:
928   -
929   - chave {string} - c&oacute;digo da guia, definido em i3GEO.guias.CONFIGURA
930   - */
931   - ativa: function(chave){
932   - if(chave === ""){
  1263 + * Ativa o conte&uacute;do de determinada guia
  1264 + *
  1265 + * Parametro:
  1266 + *
  1267 + * chave {string} - c&oacute;digo da guia, definido em
  1268 + * i3GEO.guias.CONFIGURA
  1269 + */
  1270 + ativa : function(chave) {
  1271 + if (chave === "") {
933 1272 i3GEO.guias.guiaMovel.desativaIcones();
934 1273 return;
935 1274 }
936 1275 i3GEO.guias.escondeGuias();
937 1276 i3GEO.guias.guiaMovel.desativaIcones();
938   - if(i3GEO.guias.ATUAL === chave && $i("i3GEOguiaMovelMolde").style.display === "block"){
  1277 + if (i3GEO.guias.ATUAL === chave
  1278 + && $i("i3GEOguiaMovelMolde").style.display === "block") {
939 1279 i3GEO.guias.ATUAL = "";
940 1280 i3GEO.guias.guiaMovel.abreFecha("fecha");
941   - }
942   - else{
  1281 + } else {
943 1282 i3GEO.guias.ATUAL = chave;
944 1283 i3GEO.guias.guiaMovel.abreFecha("abre");
945   - if(i3GEO.guias.CONFIGURA[chave].click){
  1284 + if (i3GEO.guias.CONFIGURA[chave].click) {
946 1285 i3GEO.guias.CONFIGURA[chave].click.call();
947 1286 }
948 1287 i3GEO.guias.mostra(chave);
949 1288  
950 1289 var ico = $i(i3GEO.guias.CONFIGURA[chave].id);
951   - if(ico){
  1290 + if (ico) {
952 1291 ico.parentNode.blur();
953   - YAHOO.util.Dom.setStyle(ico.parentNode, "opacity", 0.9);
  1292 + YAHOO.util.Dom.setStyle(
  1293 + ico.parentNode,
  1294 + "opacity",
  1295 + 0.9);
954 1296 ico.parentNode.style.boxShadow = "none";
955   - //verifica se esta fora do lugar normal e muda a borda
956   - if($i("iconeGuia_"+chave)){
957   - ico.parentNode.style.borderRight = "2px solid white";
  1297 + // verifica se esta fora do lugar normal e muda a borda
  1298 + if ($i("iconeGuia_"
  1299 + + chave)) {
  1300 + if (i3GEO.guias.guiaMovel.config.posicao[1] === "l"){
  1301 + ico.parentNode.style.borderLeft = "2px solid white";
  1302 + }
  1303 + else{
  1304 + ico.parentNode.style.borderRight = "2px solid white";
  1305 + }
958 1306 }
959 1307 }
960 1308 }
961 1309 },
962 1310 /*
963   - Reposiciona a guia m&oacute;vel quando o mapa muda de tamanho
964   - */
965   - reposiciona: function(){
  1311 + * Reposiciona a guia m&oacute;vel quando o mapa muda de tamanho
  1312 + */
  1313 + reposiciona : function() {
966 1314 var temp = $i("i3GEOguiaMovel").style.top;
967   - //i3GEO.guias.guiaMovel.config.guias.icones = [];
968   - //i3GEO.guias.guiaMovel.config.guias.ids = [];
969   - //i3GEO.guias.guiaMovel.config.guias.idsconteudos = [];
970   - //i3GEO.guias.guiaMovel.config.guias.titulos = [];
971   - //i3GEO.guias.guiaMovel.config.guias.chaves = [];
972 1315 i3GEO.guias.guiaMovel.config.alturaGuiaMovel = 0;
973 1316 i3GEO.guias.ALTURACORPOGUIAS = 0;
974   - if($i("i3GEOguiaMovelIcones")){
  1317 + if ($i("i3GEOguiaMovelIcones")) {
975 1318 $i("i3GEOguiaMovelIcones").style.display = "none";
976 1319 }
977 1320 $i("i3GEOguiaMovelConteudo").style.display = "none";
... ... @@ -981,75 +1324,119 @@ i3GEO.guias = {
981 1324 $i("i3GEOguiaMovel").style.top = temp;
982 1325 },
983 1326 /*
984   - Function: abreFecha
985   -
986   - Abre ou fecha a guia m&oacute;vel
987   - */
988   - abreFecha: function(forca){
989   - var molde = $i("i3GEOguiaMovelMolde"),
990   - guia = $i("i3GEOguiaMovel"),
991   - attributes,
992   - anim,
993   - anim1,
994   - temp;
995   - //para efeitos de compatibilidade caso seja chamado com i3GEO.guias.guiaMovel.abreFecha()
996   - if(!forca){
997   - if(molde.style.display === "block"){
  1327 + * Function: abreFecha
  1328 + *
  1329 + * Abre ou fecha a guia m&oacute;vel
  1330 + */
  1331 + abreFecha : function(forca) {
  1332 + var molde = $i("i3GEOguiaMovelMolde"), guia = $i("i3GEOguiaMovel"), attributes, anim, anim1, anim2, temp;
  1333 + // para efeitos de compatibilidade caso seja chamado com
  1334 + // i3GEO.guias.guiaMovel.abreFecha()
  1335 + if (!forca) {
  1336 + if (molde.style.display === "block") {
998 1337 forca = "fecha";
999   - }
1000   - else{
  1338 + } else {
1001 1339 temp = i3GEO.guias.ATUAL;
1002 1340 i3GEO.guias.ATUAL = "";
1003 1341 i3GEO.guias.guiaMovel.ativa(temp);
1004 1342 return;
1005 1343 }
1006 1344 }
1007   - if(forca === "fecha"){//esconde
1008   - if($i("i3GEOguiaMovelIcones")){
  1345 + if (forca === "fecha") {// esconde
  1346 + if ($i("i3GEOguiaMovelIcones")) {
1009 1347 $i("i3GEOguiaMovelIcones").style.display = "none";
1010 1348 }
1011 1349 $i("i3GEOguiaMovelConteudo").style.display = "none";
1012 1350 attributes = {
1013   - left: { to: parseInt(i3GEO.guias.guiaMovel.left,10) },
1014   - id: "i3GEOguiaMovel"
  1351 + left : {
  1352 + to : parseInt(
  1353 + i3GEO.guias.guiaMovel.left,
  1354 + 10)
  1355 + },
  1356 + id : "i3GEOguiaMovel"
1015 1357 };
1016 1358 anim = new YAHOO.util.Anim(guia, attributes, 1, YAHOO.util.Easing.easeNone);
1017 1359 attributes = {
1018   - width: { to: 0 },
1019   - id: "i3GEOguiaMovelMolde"
  1360 + width : {
  1361 + to : 0
  1362 + },
  1363 + id : "i3GEOguiaMovelMolde"
1020 1364 };
1021 1365 anim1 = new YAHOO.util.Anim(molde, attributes, 1, YAHOO.util.Easing.easeNone);
1022 1366 anim.duration = 0.5;
1023 1367 anim1.duration = 0.5;
1024   - anim.animate();
1025   - anim1.animate();
1026   - anim1.onComplete.subscribe(function(){
  1368 + anim1.onComplete.subscribe(function() {
1027 1369 molde.style.display = "none";
1028 1370 });
1029   - }
1030   - else if(molde.style.display != "block"){
1031   - //conteudo.style.display = "block";
1032   - molde.style.display = "block";
1033   - attributes = {
1034   - left: { to: parseInt(guia.style.left,10) - i3GEO.guias.guiaMovel.config.larguraGuiaMovel },
1035   - id: "i3GEOguiaMovel"
1036   - };
  1371 + if (i3GEO.guias.guiaMovel.config.posicao[1] === "l"
  1372 + && $i("i3GEOguiaMovelIconesPuxador")) {
  1373 + attributes = {
  1374 + left : {
  1375 + to : 0
  1376 + }
  1377 + };
  1378 + anim2 = new YAHOO.util.Anim("i3GEOguiaMovelIconesPuxador", attributes, 1, YAHOO.util.Easing.easeNone);
  1379 + anim2.duration = 0.5;
  1380 + anim2.animate();
  1381 + }
  1382 + anim.animate();
  1383 + anim1.animate();
  1384 +
  1385 + } else if (molde.style.display != "block") {
  1386 + molde.style.display = "block";
  1387 + if (i3GEO.guias.guiaMovel.config.posicao[1] === "l") {
  1388 + attributes = {
  1389 + rigth : {
  1390 + to : (parseInt(
  1391 + guia.style.left,
  1392 + 10) - i3GEO.guias.guiaMovel.config.larguraGuiaMovel)
  1393 + * -1
  1394 + },
  1395 + id : "i3GEOguiaMovel"
  1396 + };
  1397 + } else {
  1398 + attributes = {
  1399 + left : {
  1400 + to : parseInt(
  1401 + guia.style.left,
  1402 + 10)
  1403 + - i3GEO.guias.guiaMovel.config.larguraGuiaMovel
  1404 + },
  1405 + id : "i3GEOguiaMovel"
  1406 + };
  1407 + }
1037 1408 anim = new YAHOO.util.Anim(guia, attributes, 1, YAHOO.util.Easing.easeNone);
1038 1409 attributes = {
1039   - width: { to: i3GEO.guias.guiaMovel.config.larguraGuiaMovel },
1040   - id: "i3GEOguiaMovelMolde"
  1410 + width : {
  1411 + to : i3GEO.guias.guiaMovel.config.larguraGuiaMovel
  1412 + },
  1413 + id : "i3GEOguiaMovelMolde"
1041 1414 };
1042 1415 anim1 = new YAHOO.util.Anim(molde, attributes, 1, YAHOO.util.Easing.easeNone);
1043 1416 anim.duration = 0.5;
1044 1417 anim1.duration = 0.5;
1045   - anim1.onComplete.subscribe(function(){
1046   - if($i("i3GEOguiaMovelIcones")){
  1418 + anim1.onComplete.subscribe(function() {
  1419 + if ($i("i3GEOguiaMovelIcones")) {
1047 1420 $i("i3GEOguiaMovelIcones").style.display = "block";
1048 1421 }
1049 1422 $i("i3GEOguiaMovelConteudo").style.display = "block";
1050   - //i3GEO.guias.guiaMovel.mostraIcones();
1051   - YAHOO.util.Dom.setStyle("i3GEOguiaMovelMolde", "opacity", 0.9);
  1423 + // i3GEO.guias.guiaMovel.mostraIcones();
  1424 + YAHOO.util.Dom.setStyle(
  1425 + "i3GEOguiaMovelMolde",
  1426 + "opacity",
  1427 + 0.9);
1052 1428 });
  1429 + if (i3GEO.guias.guiaMovel.config.posicao[1] === "l"
  1430 + && $i("i3GEOguiaMovelIconesPuxador")) {
  1431 + attributes = {
  1432 + left : {
  1433 + to : i3GEO.guias.guiaMovel.config.larguraGuiaMovel
  1434 + }
  1435 + };
  1436 + anim2 = new YAHOO.util.Anim("i3GEOguiaMovelIconesPuxador", attributes, 1, YAHOO.util.Easing.easeNone);
  1437 + anim2.duration = 0.5;
  1438 + anim2.animate();
  1439 + }
1053 1440 anim.animate();
1054 1441 anim1.animate();
1055 1442 }
... ...
exemplos/guiaesquerda.htm 0 → 100644
  Diff comments   View file @9775a2d
... ... @@ -0,0 +1,281 @@
  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 +<style>
  8 +.olControlEditingToolbar1 div {
  9 + background-image: url(../mashups/openlayers.png);
  10 + background-repeat: no-repeat;
  11 + float: right;
  12 + right: 0px;
  13 + height: 29px;
  14 + margin: 2px;
  15 + width: 29px;
  16 + cursor: pointer;
  17 + top: 10px;
  18 +}
  19 +</style>
  20 +<script src="../classesjs/i3geonaocompacto.js"></script>
  21 +<script src="../pacotes/openlayers/OpenLayers2131.js.php"></script>
  22 +<link rel="stylesheet" type="text/css" href="../css/black.css">
  23 +</head>
  24 +<body id="i3geo" style='margin-left: 7px; background: white;'>
  25 + <!-- inclui o nome do usuario logado -->
  26 + <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div>
  27 + <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'>
  28 + <tr>
  29 + <td id="contemMenu" style="background: black; height: 30px; text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)">
  30 + <!--menu suspenso-->
  31 + <div id="menus" style="height: 0px;"></div>
  32 + </td>
  33 + </tr>
  34 + <tr>
  35 + <td style="vertical-align: top; border-width: 0px;">
  36 + <table width="100%" style="vertical-align: top; border-width: 0px">
  37 + <tr>
  38 + <td class=verdeclaro id=contemImg>
  39 + <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div>
  40 + </td>
  41 + </tr>
  42 + </table>
  43 + </td>
  44 + </tr>
  45 + <tr>
  46 + <td>
  47 + <table style="width: 100%; height: 28px">
  48 + <tr>
  49 + <td class=fundoRodape style="width: 25%">
  50 + <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
  51 + <div id=escala style="margin: auto; text-align: right; left: 15px;"></div>
  52 + </td>
  53 + <td class=fundoRodape style="width: 5%"></td>
  54 + <td class=fundoRodape style="width: 40%">
  55 + <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
  56 + <div id=localizarxy style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div>
  57 + </td>
  58 + <td class=fundoRodape style="width: 20%">
  59 + <!-- bot&atilde;o de compartilhamento em redes sociais--> <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> --> <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
  60 + <div id=tempoRedesenho style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div>
  61 + </td>
  62 + <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
  63 + <td class=fundoRodape style="width: 10%;">
  64 + <div id=seletorIdiomas style="right: 15px;"></div>
  65 + </td>
  66 + </tr>
  67 + </table>
  68 + </td>
  69 + </tr>
  70 + </table>
  71 + <table id="i3GEOlogoMarca" style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'>
  72 + <tr>
  73 + <td style="height: 30px"><div id=versaoi3geo></div>
  74 + <h2 style="font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2>
  75 + <h3 style="font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, &eacute; licenciado sob GPL e integra o Portal do Software P&uacute;blico Brasileiro</h3></td>
  76 + </tr>
  77 + <tr>
  78 + <td style="padding: 10px;"><img style="width: 560px; height: 81px" alt="" src='../imagens/logo_inicio.png'></td>
  79 + </tr>
  80 + <tr>
  81 + <td>
  82 + <!--
  83 + <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
  84 + -->
  85 + </td>
  86 + </tr>
  87 + </table>
  88 +
  89 + <div id="i3GEOguiaMovel" style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none">
  90 + <div id="i3GEOguiaMovelIconesPuxador" style="cursor: pointer; position: absolute; top: 50%; margin-top: -65px; width: 50px; z-index: 5000; left: 0px; right:0px">
  91 + <img src='../imagens/openbars2.png' style="width: 48px; position: absolute; height: 412px; top: -160px;right:0px">
  92 + <div id="iconeGuia_temas" style="text-align:left"></div>
  93 + <div id="iconeGuia_adiciona" style="text-align:left;margin-top: 3px;"></div>
  94 + <div id="iconeGuia_legenda" style="text-align:left;margin-top: 3px;"></div>
  95 + </div>
  96 + <div id="i3GEOguiaMovelMolde" style="top: 0px; box-shadow: 0 2px 10px 0 #888888; border-radius: 5px 0px 0px 5px; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray">
  97 + <div id="i3GEOguiaMovelConteudo" style='top: 10px; overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'>
  98 + <div id='guia1obj' style='display: none;'>
  99 + <!-- Esta div acrescenta a op&ccedil;&atilde;o de busca r&aacute;pida, caso vc queira coloc&aacute;-la em um lugar espec&iacute;fico -->
  100 + <div style='left: 5px; top: 10px;' id=buscaRapida></div>
  101 + <!-- Esta div acrescenta a lista de propriedades do mapa -->
  102 + <div id=listaPropriedades style='top: 15px;'></div>
  103 + <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' espec&iacute;ficas da interface Openlayers. Veja tamb&eacute;m a op&ccedil;&atilde;o i3GEO.Interface.openlayers.GADGETS.LayerSwitcher -->
  104 + <div id=listaLayersBase style='top: 15px;'></div>
  105 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  106 + <div id=listaTemas style='top: 15px;'></div>
  107 + </div>
  108 + <div id='guia2obj' style='display: none;'>
  109 + Aguarde...
  110 + <img alt="" src="../imagens/branco.gif" width=248 />
  111 + </div>
  112 + <div id='guia4obj' style='display: none; text-align: left'>
  113 + <div id='legenda' style='text-align: left'></div>
  114 + </div>
  115 + </div>
  116 + </div>
  117 + </div>
  118 + <script>
  119 + i3GEO.configura.locaplic = i3GEO.util.protocolo()
  120 + + "://"
  121 + + window.location.host
  122 + + "/i3geo";
  123 +
  124 + i3GEO.guias.guiaMovel.config = {
  125 + larguraPuxador : 50,
  126 + alturaPuxador : 319,
  127 + alturaGuiaMovel : 0,
  128 + larguraGuiaMovel : 320,
  129 + topGuiaMovel : 0,
  130 + guias : {
  131 + icones : [],
  132 + ids : [],
  133 + idsconteudos : [],
  134 + titulos : [],
  135 + chaves : []
  136 + },
  137 + posicao : [
  138 + "c", "l"
  139 + ]
  140 + //vertical, orizontal
  141 + };
  142 +
  143 + i3GEO.configura.autotamanho = false;
  144 + i3GEO.Interface.ATUAL = "openlayers";
  145 + i3GEO.Interface.IDCORPO = "contemImg";
  146 + i3GEO.Interface.openlayers.TILES = true;
  147 + i3GEO.configura.oMenuData.submenus["interface"] = [
  148 + {
  149 + id : "omenudataInterface0a",
  150 + text : '<span style=color:gray;text-decoration:underline; ><b>'
  151 + + $trad("d27")
  152 + + '</b></span>',
  153 + url : "#"
  154 + }, {
  155 + id : "omenudataInterface2",
  156 + text : "OpenLayers",
  157 + url : "javascript:window.location = i3GEO.configura.locaplic+'/interface/black_ol.htm?'+i3GEO.configura.sid"
  158 + }, {
  159 + id : "omenudataInterface2a",
  160 + text : "OpenLayers OSM",
  161 + url : "javascript:window.location = i3GEO.configura.locaplic+'/interface/black_osm.htm?'+i3GEO.configura.sid"
  162 + }, {
  163 + id : "omenudataInterface4",
  164 + text : "Google Maps",
  165 + url : "javascript:window.location = i3GEO.configura.locaplic+'/interface/black_gm.phtml?'+i3GEO.configura.sid"
  166 + }, {
  167 + id : "omenudataInterface5",
  168 + text : "Google Earth",
  169 + url : "javascript:window.location = i3GEO.configura.locaplic+'/interface/googleearth.phtml?'+i3GEO.configura.sid"
  170 + }, {
  171 + id : "omenudataInterface0b",
  172 + text : '<span style=color:gray;text-decoration:underline; ><b>'
  173 + + $trad("u27")
  174 + + '</b></span>',
  175 + url : "#"
  176 + }, {
  177 + id : "omenudataInterface6",
  178 + text : $trad("u21"),
  179 + url : "javascript:var w = window.open(i3GEO.configura.locaplic+'/geradordelinks.htm')"
  180 + }, {
  181 + id : "omenudataInterface7",
  182 + text : "Servi&ccedil;os WMS",
  183 + url : "javascript:var w = window.open(i3GEO.configura.locaplic+'/ogc.htm')"
  184 + }, {
  185 + id : "omenudataInterface9",
  186 + text : "Download de dados",
  187 + url : "javascript:var w = window.open(i3GEO.configura.locaplic+'/datadownload.htm')"
  188 + }, {
  189 + id : "omenudataInterface11",
  190 + text : $trad("p20"),
  191 + url : "javascript:i3GEO.mapa.dialogo.telaRemota()"
  192 + }
  193 + ];
  194 +
  195 + i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
  196 +
  197 + i3GEO.cria();
  198 + i3GEO.configura.mapaRefDisplay = "none";
  199 + i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
  200 + //ajusta o deslocamento da barra de botoes
  201 + i3GEO.barraDeBotoes.OFFSET = 11;
  202 + //ajusta a posicao da barra de botoes no IE
  203 + if (navm) {
  204 + i3GEO.barraDeBotoes.OFFSET = 5;
  205 + }
  206 + if (chro) {
  207 + i3GEO.barraDeBotoes.OFFSET = 15;
  208 + }
  209 +
  210 + i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
  211 + i3GEO.ajuda.ATIVAJANELA = false;
  212 + i3GEO.idioma.IDSELETOR = "seletorIdiomas";
  213 + i3GEO.Interface.ATIVAMENUCONTEXTO = false;
  214 + //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
  215 + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
  216 + i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
  217 + i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
  218 + i3GEO.mapa.AUTORESIZE = true;
  219 + i3GEO.guias.TIPO = "movel";
  220 + i3GEO.guias.guiaMovel.config.topGuiaMovel = 36;
  221 + i3GEO.janela.ativaAlerta();
  222 + i3GEO.finaliza = function() {
  223 + if ($i("i3GEOlogoMarca")) {
  224 + $i("i3GEOlogoMarca").style.display = "none";
  225 + }
  226 + i3GEO.mapa.insereDobraPagina(
  227 + "googlemaps",
  228 + "../imagens/dobragooglemaps.png");
  229 + };
  230 + //indica se a opcao de navegacao nas pastas do servidor sera ativada
  231 + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true;
  232 + i3GEO.janela.TRANSICAOSUAVE = true;
  233 +
  234 + OpenLayers.ImgPath = "../pacotes/openlayers/img/";
  235 + (function() {
  236 + var oce = new OpenLayers.Layer.ArcGIS93Rest("ESRI Ocean Basemap", "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export", {
  237 + format : "jpeg"
  238 + }, {
  239 + isBaseLayer : true,
  240 + visibility : false
  241 + });
  242 + var ims = new OpenLayers.Layer.ArcGIS93Rest("ESRI Imagery World 2D", "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export", {
  243 + format : "jpeg"
  244 + }, {
  245 + isBaseLayer : true,
  246 + visibility : false
  247 + });
  248 + var wsm = new OpenLayers.Layer.ArcGIS93Rest("ESRI World Street Map", "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", {
  249 + format : "jpeg"
  250 + }, {
  251 + isBaseLayer : true,
  252 + visibility : false
  253 + });
  254 + var bra = new OpenLayers.Layer.WMS("Base carto MMA", "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", {
  255 + layers : "baseraster",
  256 + srs : "EPSG:4618",
  257 + format : "image/png",
  258 + isBaseLayer : false
  259 + }, {
  260 + isBaseLayer : true,
  261 + visibility : false
  262 + });
  263 +
  264 + var tms = new OpenLayers.Layer.TMS("OSGEO", "http://tilecache.osgeo.org/wms-c/Basic.py/", {
  265 + layername : "basic",
  266 + type : "png",
  267 + // set if different than the bottom left of map.maxExtent
  268 + tileOrigin : new OpenLayers.LonLat(-180, -90),
  269 + isBaseLayer : true,
  270 + visibility : false
  271 + });
  272 +
  273 + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [
  274 + oce, ims, wsm, tms, bra
  275 + ];
  276 + })();
  277 +
  278 + i3GEO.inicia();
  279 + </script>
  280 +</body>
  281 +</html>
... ...
imagens/openbars2.png 0 → 100755
View file @9775a2d

2.53 KB