Commit ec6b8524ed3ef0af806d8817738ab1c83262d01e
1 parent
fc65ac4d
Exists in
master
and in
7 other branches
Inclusão de propriedade na classe_janela que permite abrir as janelas das ferram…
…entas com transparência
Showing
6 changed files
with
67 additions
and
43 deletions
Show diff stats
classesjs/classe_ajuda.js
... | ... | @@ -163,7 +163,7 @@ i3GEO.ajuda = { |
163 | 163 | ny = i3GEO.parametros.h - 78; |
164 | 164 | } |
165 | 165 | texto = '<div id="janelaMenTexto" style="text-align:left;font-size:10px;color:rgb(80,80,80)">'+i3GEO.ajuda.MENSAGEMPADRAO+'</div>'; |
166 | - janela = i3GEO.janela.cria(largura,"auto","",nx,ny," ","i3geo_janelaMensagens",false,"","","",true); | |
166 | + janela = i3GEO.janela.cria(largura,"auto","",nx,ny," ","i3geo_janelaMensagens",false,"hd","","",true); | |
167 | 167 | janela[2].innerHTML = texto; |
168 | 168 | YAHOO.util.Event.addListener(janela[0].close, "click", i3GEO.ajuda.fechaJanela); |
169 | 169 | i3GEO.ajuda.ativaCookie(); | ... | ... |
classesjs/classe_interface.js
classesjs/classe_janela.js
... | ... | @@ -110,6 +110,32 @@ i3GEO.janela = { |
110 | 110 | */ |
111 | 111 | ANTESFECHA: [], |
112 | 112 | /* |
113 | + Propriedade: TRANSICAOSUAVE | |
114 | + | |
115 | + Altera a transparência das barras quando o mouse sobrepõe a janela e quando sai da barra | |
116 | + | |
117 | + Tipo: | |
118 | + {boolean} | |
119 | + | |
120 | + Default: | |
121 | + {true} | |
122 | + */ | |
123 | + TRANSICAOSUAVE: true, | |
124 | + /* | |
125 | + Propriedade: OPACIDADE | |
126 | + | |
127 | + Valor da opacidade miníma utilizada quando TRANSICAOSUAVE for igual a true. | |
128 | + | |
129 | + Varia de 0 a 100 | |
130 | + | |
131 | + Tipo: | |
132 | + {numeric} | |
133 | + | |
134 | + Default: | |
135 | + {65} | |
136 | + */ | |
137 | + OPACIDADE: 65, | |
138 | + /* | |
113 | 139 | Variavel: TIPS |
114 | 140 | |
115 | 141 | Lista os tips inseridos no mapa, possibilitando sua remoção em lote |
... | ... | @@ -165,23 +191,19 @@ i3GEO.janela = { |
165 | 191 | |
166 | 192 | modal {Boolean} - (opcional) indica se a janela bloqueará as inferiores ou não. Por default é false |
167 | 193 | |
168 | - classe {String} - (opcional) classe CSS que será aplicada à barra de menu. Por default o valor é hd2 | |
194 | + classe {String} - (opcional) classe CSS que será aplicada à barra de menu. Por default o valor é hd2. Na interface Google Earth, esse valor é sempre alterado para "hd". | |
169 | 195 | |
170 | 196 | funcaoCabecalho {function} - (opcional) funcao que será executada quando o usuário clicar no cabecalho |
171 | 197 | |
172 | 198 | funcaoMinimiza {function} - (opcional) funcao que será executada para minimizar a janela |
173 | 199 | |
174 | - escondeX {boolean} - esconde ou não o botão de fechar, de forma que ele apenas apareça ao posicionar o mouse sobre o cabeçalho da janela | |
175 | - | |
176 | 200 | Return: |
177 | 201 | |
178 | 202 | {Array} Array contendo: objeto YAHOO.panel criado,elemento HTML com o cabecalho, elemento HTML com o corpo |
179 | 203 | */ |
180 | - cria: function(wlargura,waltura,wsrc,nx,ny,texto,id,modal,classe,funcaoCabecalho,funcaoMinimiza,escondeX){ | |
204 | + cria: function(wlargura,waltura,wsrc,nx,ny,texto,id,modal,classe,funcaoCabecalho,funcaoMinimiza){ | |
181 | 205 | if(typeof(console) !== 'undefined'){console.info("i3GEO.janela.cria()");} |
182 | 206 | var i,wlargura_,ins,novoel,wdocaiframe,pos,temp,fix,underlay,ifr; |
183 | - if(!escondeX) | |
184 | - {escondeX = false;} | |
185 | 207 | if(i3GEO.janela.ANTESCRIA){ |
186 | 208 | for(i=0;i<i3GEO.janela.ANTESCRIA.length;i++) |
187 | 209 | {eval(i3GEO.janela.ANTESCRIA[i]);} |
... | ... | @@ -192,18 +214,18 @@ i3GEO.janela = { |
192 | 214 | if (arguments.length < 7 || id === ""){ |
193 | 215 | id = "wdoca"; |
194 | 216 | modal = false; |
195 | - classe = "hd"; | |
217 | + classe = "hd2"; | |
196 | 218 | funcaoCabecalho = null; |
197 | 219 | funcaoMinimiza = null; |
198 | 220 | } |
199 | 221 | if (arguments.length === 7){ |
200 | 222 | modal = false; |
201 | - classe = "hd"; | |
223 | + classe = "hd2"; | |
202 | 224 | funcaoCabecalho = null; |
203 | 225 | funcaoMinimiza = null; |
204 | 226 | } |
205 | 227 | if (arguments.length === 8){ |
206 | - classe = "hd"; | |
228 | + classe = "hd2"; | |
207 | 229 | funcaoCabecalho = null; |
208 | 230 | funcaoMinimiza = null; |
209 | 231 | } |
... | ... | @@ -214,6 +236,11 @@ i3GEO.janela = { |
214 | 236 | if (arguments.length === 10){ |
215 | 237 | funcaoMinimiza = null; |
216 | 238 | } |
239 | + if(i3GEO.Interface.ATUAL == "googleearth") | |
240 | + { | |
241 | + classe = "hd"; | |
242 | + i3GEO.janela.TRANSICAOSUAVE = false; | |
243 | + } | |
217 | 244 | wlargura_ = parseInt(wlargura,10)+2+"px"; |
218 | 245 | if ($i(id)) |
219 | 246 | {YAHOO.janelaDoca.xp.panel.destroy();} |
... | ... | @@ -221,11 +248,10 @@ i3GEO.janela = { |
221 | 248 | {$i("i3geo").removeChild($i(id+"_c"));} |
222 | 249 | if($i(id)) |
223 | 250 | {$i("i3geo").removeChild($i(id));} |
224 | - //var mouseout = "$i('"+id+"').getElementsByClassName('container-close')[0].style.display='none';"; | |
225 | - var mouseover = "$i('"+id+"').getElementsByClassName('container-close')[0].style.display='block';"; | |
226 | - if(funcaoMinimiza) | |
227 | - {mouseover += "$i('"+id+"_minimizaCabecalho').style.display='block';";} | |
228 | - ins = '<div onmouseover="'+mouseover+'" id="'+id+'_cabecalho" class="hd" style="background-color:white;">'; | |
251 | + //var mouseover = "$i('"+id+"').getElementsByClassName('container-close')[0].style.display='block';"; | |
252 | + //if(funcaoMinimiza) | |
253 | + //{mouseover += "$i('"+id+"_minimizaCabecalho').style.display='block';";} | |
254 | + ins = '<div id="'+id+'_cabecalho" class="'+classe+'" style="background-color:white;">'; | |
229 | 255 | if(i3GEO.configura !== undefined) |
230 | 256 | {ins += "<img id='"+id+"_imagemCabecalho' style='position:absolute;left:3px;top:2px;visibility:hidden;' src=\'"+i3GEO.configura.locaplic+"/imagens/aguarde.gif\' />";} |
231 | 257 | ins += texto; |
... | ... | @@ -240,6 +266,26 @@ i3GEO.janela = { |
240 | 266 | novoel.style.display="block"; |
241 | 267 | novoel.style.border = "1px solid rgb(120 120 120)"; |
242 | 268 | novoel.innerHTML = ins; |
269 | + if(i3GEO.janela.TRANSICAOSUAVE){ | |
270 | + if (navm){novoel.style.filter='alpha(opacity='+i3GEO.janela.OPACIDADE+')';} | |
271 | + else{novoel.style.opacity= i3GEO.janela.OPACIDADE / 100;} | |
272 | + novoel.onmouseover = function(){ | |
273 | + if (navm) | |
274 | + {novoel.style.filter='alpha(opacity=100)';} | |
275 | + else | |
276 | + {novoel.style.opacity = 1;} | |
277 | + }; | |
278 | + novoel.onmouseout = function(){ | |
279 | + if (navm) | |
280 | + {novoel.style.filter='alpha(opacity='+i3GEO.janela.OPACIDADE+')';} | |
281 | + else | |
282 | + {novoel.style.opacity= i3GEO.janela.OPACIDADE / 100;} | |
283 | + }; | |
284 | + } | |
285 | + else{ | |
286 | + if (navm){novoel.style.filter='alpha(opacity=100)';} | |
287 | + else{novoel.style.opacity= 1;} | |
288 | + } | |
243 | 289 | if($i("i3geo")) |
244 | 290 | {$i("i3geo").appendChild(novoel);} |
245 | 291 | else |
... | ... | @@ -296,17 +342,6 @@ i3GEO.janela = { |
296 | 342 | {$i(id+"_minimizaCabecalho").onclick = funcaoMinimiza;} |
297 | 343 | YAHOO.util.Event.addListener(YAHOO.janelaDoca.xp.panel.close, "click", i3GEO.janela.fecha,YAHOO.janelaDoca.xp.panel,{id:id},true); |
298 | 344 | i3GEO.janela.ULTIMOZINDEX++; |
299 | - // | |
300 | - //esconde/mostra ícone de fechar a janela | |
301 | - // | |
302 | - if(escondeX == true){ | |
303 | - var iconex = $i(id).getElementsByClassName("container-close")[0]; | |
304 | - if(iconex) | |
305 | - {iconex.style.display='none';} | |
306 | - iconex = $i(id+"_minimizaCabecalho"); | |
307 | - if(iconex) | |
308 | - {iconex.style.display='none';} | |
309 | - } | |
310 | 345 | return([YAHOO.janelaDoca.xp.panel,$i(id+"_cabecalho"),$i(id+"_corpo")]); |
311 | 346 | }, |
312 | 347 | /* | ... | ... |
classesjs/classe_maparef.js
... | ... | @@ -155,8 +155,7 @@ i3GEO.maparef = { |
155 | 155 | |
156 | 156 | ins = ""; |
157 | 157 | if(i3GEO.maparef.PERMITEDESLOCAR){ |
158 | - var over = "$i('refDinamico').style.display='inline-block';$i('i3geo_winRef').getElementsByClassName('container-close')[0].style.display='block'"; | |
159 | - ins += '<div class="hd" onmouseover="'+over+'" style="text-align:left;z-index:20;padding-left: 0px;padding-bottom: 3px;padding-top: 1px;">'; | |
158 | + ins += '<div class="hd" style="text-align:left;z-index:20;padding-left: 0px;padding-bottom: 3px;padding-top: 1px;">'; | |
160 | 159 | ins += '<span id=maparefmaismenosZoom style=display:none > '; |
161 | 160 | temp = "javascript:if(i3GEO.maparef.fatorZoomDinamico == -1){i3GEO.maparef.fatorZoomDinamico = 1};i3GEO.maparef.fatorZoomDinamico = i3GEO.maparef.fatorZoomDinamico + 1 ;$i(\"refDinamico\").checked = true;i3GEO.maparef.atualiza();"; |
162 | 161 | ins += "<img class=mais onclick='"+temp+"' src="+i3GEO.util.$im("branco.gif")+" />"; |
... | ... | @@ -236,13 +235,7 @@ i3GEO.maparef = { |
236 | 235 | $i("i3geo_winRef_h").className = "hd2"; |
237 | 236 | if(navm) |
238 | 237 | {$i("i3geo_winRef_h").style.width = "156px";} |
239 | - var id = $i("i3geo_winRef"); | |
240 | - if(id){ | |
241 | - var iconex = id.getElementsByClassName("container-close")[0]; | |
242 | - if(iconex){ | |
243 | - iconex.style.display='none'; | |
244 | - } | |
245 | - } | |
238 | + | |
246 | 239 | }, |
247 | 240 | /* |
248 | 241 | Function: atualiza | ... | ... |
css/corrigeyui_geral.css
... | ... | @@ -70,15 +70,11 @@ height:20px; |
70 | 70 | .yui-skin-sam .yui-panel .hd2 { |
71 | 71 | background:transparent url(../pacotes/yui270/build/assets/skins/sam/sprite.png) repeat-x scroll 0 -200px; |
72 | 72 | color:#000000; |
73 | -font-size:70%; | |
73 | +font-size:80%; | |
74 | 74 | font-weight:bold; |
75 | 75 | line-height:2; |
76 | 76 | padding:0 10px; |
77 | -opacity:.80; | |
78 | -filter:alpha(opacity=80); | |
79 | -} | |
80 | - | |
81 | -.yui-skin-sam .yui-panel .hd { | |
77 | +height:20px; | |
82 | 78 | opacity:.80; |
83 | 79 | filter:alpha(opacity=80); |
84 | 80 | } | ... | ... |
interface/googleearth.phtml
... | ... | @@ -16,7 +16,7 @@ include_once("../ms_configura.php"); |
16 | 16 | </style> |
17 | 17 | <title>i3GEO - Google Earth</title> |
18 | 18 | <script type="text/javascript" src="http://www.google.com/jsapi?key=<?php echo $googleApiKey; ?>"></script> |
19 | -<script type="text/javascript" src="../classesjs/i3geo.js"></script> | |
19 | +<script type="text/javascript" src="../classesjs/i3geonaocompacto.js"></script> | |
20 | 20 | </head> |
21 | 21 | <body id="i3geo" > |
22 | 22 | <center> | ... | ... |