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> | ... | ... |