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