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,7 +163,7 @@ i3GEO.ajuda = { | ||
| 163 | ny = i3GEO.parametros.h - 78; | 163 | ny = i3GEO.parametros.h - 78; |
| 164 | } | 164 | } |
| 165 | texto = '<div id="janelaMenTexto" style="text-align:left;font-size:10px;color:rgb(80,80,80)">'+i3GEO.ajuda.MENSAGEMPADRAO+'</div>'; | 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 | janela[2].innerHTML = texto; | 167 | janela[2].innerHTML = texto; |
| 168 | YAHOO.util.Event.addListener(janela[0].close, "click", i3GEO.ajuda.fechaJanela); | 168 | YAHOO.util.Event.addListener(janela[0].close, "click", i3GEO.ajuda.fechaJanela); |
| 169 | i3GEO.ajuda.ativaCookie(); | 169 | i3GEO.ajuda.ativaCookie(); |
classesjs/classe_interface.js
classesjs/classe_janela.js
| @@ -110,6 +110,32 @@ i3GEO.janela = { | @@ -110,6 +110,32 @@ i3GEO.janela = { | ||
| 110 | */ | 110 | */ |
| 111 | ANTESFECHA: [], | 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 | Variavel: TIPS | 139 | Variavel: TIPS |
| 114 | 140 | ||
| 115 | Lista os tips inseridos no mapa, possibilitando sua remoção em lote | 141 | Lista os tips inseridos no mapa, possibilitando sua remoção em lote |
| @@ -165,23 +191,19 @@ i3GEO.janela = { | @@ -165,23 +191,19 @@ i3GEO.janela = { | ||
| 165 | 191 | ||
| 166 | modal {Boolean} - (opcional) indica se a janela bloqueará as inferiores ou não. Por default é false | 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 | funcaoCabecalho {function} - (opcional) funcao que será executada quando o usuário clicar no cabecalho | 196 | funcaoCabecalho {function} - (opcional) funcao que será executada quando o usuário clicar no cabecalho |
| 171 | 197 | ||
| 172 | funcaoMinimiza {function} - (opcional) funcao que será executada para minimizar a janela | 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 | Return: | 200 | Return: |
| 177 | 201 | ||
| 178 | {Array} Array contendo: objeto YAHOO.panel criado,elemento HTML com o cabecalho, elemento HTML com o corpo | 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 | if(typeof(console) !== 'undefined'){console.info("i3GEO.janela.cria()");} | 205 | if(typeof(console) !== 'undefined'){console.info("i3GEO.janela.cria()");} |
| 182 | var i,wlargura_,ins,novoel,wdocaiframe,pos,temp,fix,underlay,ifr; | 206 | var i,wlargura_,ins,novoel,wdocaiframe,pos,temp,fix,underlay,ifr; |
| 183 | - if(!escondeX) | ||
| 184 | - {escondeX = false;} | ||
| 185 | if(i3GEO.janela.ANTESCRIA){ | 207 | if(i3GEO.janela.ANTESCRIA){ |
| 186 | for(i=0;i<i3GEO.janela.ANTESCRIA.length;i++) | 208 | for(i=0;i<i3GEO.janela.ANTESCRIA.length;i++) |
| 187 | {eval(i3GEO.janela.ANTESCRIA[i]);} | 209 | {eval(i3GEO.janela.ANTESCRIA[i]);} |
| @@ -192,18 +214,18 @@ i3GEO.janela = { | @@ -192,18 +214,18 @@ i3GEO.janela = { | ||
| 192 | if (arguments.length < 7 || id === ""){ | 214 | if (arguments.length < 7 || id === ""){ |
| 193 | id = "wdoca"; | 215 | id = "wdoca"; |
| 194 | modal = false; | 216 | modal = false; |
| 195 | - classe = "hd"; | 217 | + classe = "hd2"; |
| 196 | funcaoCabecalho = null; | 218 | funcaoCabecalho = null; |
| 197 | funcaoMinimiza = null; | 219 | funcaoMinimiza = null; |
| 198 | } | 220 | } |
| 199 | if (arguments.length === 7){ | 221 | if (arguments.length === 7){ |
| 200 | modal = false; | 222 | modal = false; |
| 201 | - classe = "hd"; | 223 | + classe = "hd2"; |
| 202 | funcaoCabecalho = null; | 224 | funcaoCabecalho = null; |
| 203 | funcaoMinimiza = null; | 225 | funcaoMinimiza = null; |
| 204 | } | 226 | } |
| 205 | if (arguments.length === 8){ | 227 | if (arguments.length === 8){ |
| 206 | - classe = "hd"; | 228 | + classe = "hd2"; |
| 207 | funcaoCabecalho = null; | 229 | funcaoCabecalho = null; |
| 208 | funcaoMinimiza = null; | 230 | funcaoMinimiza = null; |
| 209 | } | 231 | } |
| @@ -214,6 +236,11 @@ i3GEO.janela = { | @@ -214,6 +236,11 @@ i3GEO.janela = { | ||
| 214 | if (arguments.length === 10){ | 236 | if (arguments.length === 10){ |
| 215 | funcaoMinimiza = null; | 237 | funcaoMinimiza = null; |
| 216 | } | 238 | } |
| 239 | + if(i3GEO.Interface.ATUAL == "googleearth") | ||
| 240 | + { | ||
| 241 | + classe = "hd"; | ||
| 242 | + i3GEO.janela.TRANSICAOSUAVE = false; | ||
| 243 | + } | ||
| 217 | wlargura_ = parseInt(wlargura,10)+2+"px"; | 244 | wlargura_ = parseInt(wlargura,10)+2+"px"; |
| 218 | if ($i(id)) | 245 | if ($i(id)) |
| 219 | {YAHOO.janelaDoca.xp.panel.destroy();} | 246 | {YAHOO.janelaDoca.xp.panel.destroy();} |
| @@ -221,11 +248,10 @@ i3GEO.janela = { | @@ -221,11 +248,10 @@ i3GEO.janela = { | ||
| 221 | {$i("i3geo").removeChild($i(id+"_c"));} | 248 | {$i("i3geo").removeChild($i(id+"_c"));} |
| 222 | if($i(id)) | 249 | if($i(id)) |
| 223 | {$i("i3geo").removeChild($i(id));} | 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 | if(i3GEO.configura !== undefined) | 255 | if(i3GEO.configura !== undefined) |
| 230 | {ins += "<img id='"+id+"_imagemCabecalho' style='position:absolute;left:3px;top:2px;visibility:hidden;' src=\'"+i3GEO.configura.locaplic+"/imagens/aguarde.gif\' />";} | 256 | {ins += "<img id='"+id+"_imagemCabecalho' style='position:absolute;left:3px;top:2px;visibility:hidden;' src=\'"+i3GEO.configura.locaplic+"/imagens/aguarde.gif\' />";} |
| 231 | ins += texto; | 257 | ins += texto; |
| @@ -240,6 +266,26 @@ i3GEO.janela = { | @@ -240,6 +266,26 @@ i3GEO.janela = { | ||
| 240 | novoel.style.display="block"; | 266 | novoel.style.display="block"; |
| 241 | novoel.style.border = "1px solid rgb(120 120 120)"; | 267 | novoel.style.border = "1px solid rgb(120 120 120)"; |
| 242 | novoel.innerHTML = ins; | 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 | if($i("i3geo")) | 289 | if($i("i3geo")) |
| 244 | {$i("i3geo").appendChild(novoel);} | 290 | {$i("i3geo").appendChild(novoel);} |
| 245 | else | 291 | else |
| @@ -296,17 +342,6 @@ i3GEO.janela = { | @@ -296,17 +342,6 @@ i3GEO.janela = { | ||
| 296 | {$i(id+"_minimizaCabecalho").onclick = funcaoMinimiza;} | 342 | {$i(id+"_minimizaCabecalho").onclick = funcaoMinimiza;} |
| 297 | YAHOO.util.Event.addListener(YAHOO.janelaDoca.xp.panel.close, "click", i3GEO.janela.fecha,YAHOO.janelaDoca.xp.panel,{id:id},true); | 343 | YAHOO.util.Event.addListener(YAHOO.janelaDoca.xp.panel.close, "click", i3GEO.janela.fecha,YAHOO.janelaDoca.xp.panel,{id:id},true); |
| 298 | i3GEO.janela.ULTIMOZINDEX++; | 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 | return([YAHOO.janelaDoca.xp.panel,$i(id+"_cabecalho"),$i(id+"_corpo")]); | 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,8 +155,7 @@ i3GEO.maparef = { | ||
| 155 | 155 | ||
| 156 | ins = ""; | 156 | ins = ""; |
| 157 | if(i3GEO.maparef.PERMITEDESLOCAR){ | 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 | ins += '<span id=maparefmaismenosZoom style=display:none > '; | 159 | ins += '<span id=maparefmaismenosZoom style=display:none > '; |
| 161 | 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();"; | 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 | ins += "<img class=mais onclick='"+temp+"' src="+i3GEO.util.$im("branco.gif")+" />"; | 161 | ins += "<img class=mais onclick='"+temp+"' src="+i3GEO.util.$im("branco.gif")+" />"; |
| @@ -236,13 +235,7 @@ i3GEO.maparef = { | @@ -236,13 +235,7 @@ i3GEO.maparef = { | ||
| 236 | $i("i3geo_winRef_h").className = "hd2"; | 235 | $i("i3geo_winRef_h").className = "hd2"; |
| 237 | if(navm) | 236 | if(navm) |
| 238 | {$i("i3geo_winRef_h").style.width = "156px";} | 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 | Function: atualiza | 241 | Function: atualiza |
css/corrigeyui_geral.css
| @@ -70,15 +70,11 @@ height:20px; | @@ -70,15 +70,11 @@ height:20px; | ||
| 70 | .yui-skin-sam .yui-panel .hd2 { | 70 | .yui-skin-sam .yui-panel .hd2 { |
| 71 | background:transparent url(../pacotes/yui270/build/assets/skins/sam/sprite.png) repeat-x scroll 0 -200px; | 71 | background:transparent url(../pacotes/yui270/build/assets/skins/sam/sprite.png) repeat-x scroll 0 -200px; |
| 72 | color:#000000; | 72 | color:#000000; |
| 73 | -font-size:70%; | 73 | +font-size:80%; |
| 74 | font-weight:bold; | 74 | font-weight:bold; |
| 75 | line-height:2; | 75 | line-height:2; |
| 76 | padding:0 10px; | 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 | opacity:.80; | 78 | opacity:.80; |
| 83 | filter:alpha(opacity=80); | 79 | filter:alpha(opacity=80); |
| 84 | } | 80 | } |
interface/googleearth.phtml
| @@ -16,7 +16,7 @@ include_once("../ms_configura.php"); | @@ -16,7 +16,7 @@ include_once("../ms_configura.php"); | ||
| 16 | </style> | 16 | </style> |
| 17 | <title>i3GEO - Google Earth</title> | 17 | <title>i3GEO - Google Earth</title> |
| 18 | <script type="text/javascript" src="http://www.google.com/jsapi?key=<?php echo $googleApiKey; ?>"></script> | 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 | </head> | 20 | </head> |
| 21 | <body id="i3geo" > | 21 | <body id="i3geo" > |
| 22 | <center> | 22 | <center> |