Commit ec6b8524ed3ef0af806d8817738ab1c83262d01e

Authored by Edmar Moretti
1 parent fc65ac4d

Inclusão de propriedade na classe_janela que permite abrir as janelas das ferram…

…entas com transparência
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,"&nbsp;","i3geo_janelaMensagens",false,"","","",true); 166 + janela = i3GEO.janela.cria(largura,"auto","",nx,ny,"&nbsp;","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
@@ -2038,7 +2038,7 @@ i3GEO.Interface = { @@ -2038,7 +2038,7 @@ i3GEO.Interface = {
2038 }; 2038 };
2039 var janela = i3GEO.janela.cria( 2039 var janela = i3GEO.janela.cria(
2040 "230px", 2040 "230px",
2041 - "70px", 2041 + "100px",
2042 "", 2042 "",
2043 "", 2043 "",
2044 "", 2044 "",
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(&quot;../ms_configura.php&quot;); @@ -16,7 +16,7 @@ include_once(&quot;../ms_configura.php&quot;);
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>