Alteração no estilo dos cabeçalhos das janelas flutuantes

Edmar Moretti
1 parent b96db170
Showing 6 changed files with 83 additions and 14 deletions Show diff stats
classesjs/classe_ajuda.js
classesjs/classe_barradebotoes.js
classesjs/classe_janela.js
classesjs/classe_maparef.js
classesjs/classe_util.js
css/corrigeyui_geral.css
@@ -163,7 +163,7 @@ i3GEO.ajuda = {
 					ny = i3GEO.parametros.h - 78;
 				}
 				texto = '<div id="janelaMenTexto" style="text-align:left;font-size:10px;color:rgb(80,80,80)">'+i3GEO.ajuda.MENSAGEMPADRAO+'</div>';
-				janela = i3GEO.janela.cria(largura,"auto","",nx,ny,"&nbsp;","i3geo_janelaMensagens",false);
+				janela = i3GEO.janela.cria(largura,"auto","",nx,ny,"&nbsp;","i3geo_janelaMensagens",false,"","","",true);
 				janela[2].innerHTML = texto;
 				YAHOO.util.Event.addListener(janela[0].close, "click", i3GEO.ajuda.fechaJanela);
 				i3GEO.ajuda.ativaCookie();
@@ -596,6 +596,8 @@ i3GEO.barraDeBotoes = {
 				else
 				{novoel.style.opacity = 0.85;}
 			}
+			if(i3GEO.barraDeBotoes.PERMITEFECHAR == true)
+			{novoel.getElementsByClassName('container-close')[0].style.display='block';}		
 		};
 		novoel.onmouseout = function(){
 			if(i3GEO.barraDeBotoes.TRANSICAOSUAVE){
@@ -650,6 +652,8 @@ i3GEO.barraDeBotoes = {
 		YAHOO.namespace("janelaBotoes.xp");
 		if(i3GEO.barraDeBotoes.AUTOALTURA === false || barraZoom === true || (elementos.length > numerobotoes))
 		{YAHOO.janelaBotoes.xp.panel = new YAHOO.widget.Panel(idconteudonovo, {width:wj, fixedcenter: false, constraintoviewport: false, underlay:"none", close:i3GEO.barraDeBotoes.PERMITEFECHAR, visible:true, draggable:i3GEO.barraDeBotoes.PERMITEDESLOCAR, modal:false,iframe:false } );}
+		else
+		{YAHOO.janelaBotoes.xp.panel = new YAHOO.widget.Panel(idconteudonovo, {height:i3GEO.parametros.h - 4,width:wj, fixedcenter: false, constraintoviewport: false, underlay:"none", close:i3GEO.barraDeBotoes.PERMITEFECHAR, visible:true, draggable:i3GEO.barraDeBotoes.PERMITEDESLOCAR, modal:false,iframe:false } );}
 		if(i3GEO.barraDeBotoes.SOICONES === true){
 			temp = $i("i3geo_barra2");
@@ -665,7 +669,7 @@ i3GEO.barraDeBotoes = {
 		if(i3GEO.barraDeBotoes.AUTOALTURA === true){
 			temp = $i("i3geo_barra2");
 			if(temp)
-			{temp.style.height = i3GEO.parametros.h - i3GEO.Interface.BARRABOTOESTOP - 2 + "px";}
+			{temp.style.height = i3GEO.parametros.h - i3GEO.Interface.BARRABOTOESTOP - 1 + "px";}
 		}
 		YAHOO.janelaBotoes.xp.panel.moveTo(x,y);
 		if($i("sobeferramentas")){
@@ -756,6 +760,18 @@ i3GEO.barraDeBotoes = {
 		}	
 		if($i(idconteudonovo+"_h"))
 		{$i(idconteudonovo+"_h").className = "hd2";}
+		//
+		//esconde x
+		//
+		if(i3GEO.barraDeBotoes.PERMITEFECHAR == true){
+			var id = $i(idconteudonovo);
+			if(id){
+				var iconex = id.getElementsByClassName("container-close")[0];
+				if(iconex){
+					iconex.style.display='none';
+				}
+			}	
+		}
 	},
 	/*
 	Function: ativaMenuContexto
@@ -170,14 +170,18 @@ i3GEO.janela = {
 	funcaoCabecalho {function} - (opcional) funcao que será executada quando o usuário clicar no cabecalho
 	funcaoMinimiza {function} - (opcional) funcao que será executada para minimizar a janela
+	
+	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
 	Return:
 	{Array} Array contendo: objeto YAHOO.panel criado,elemento HTML com o cabecalho, elemento HTML com o corpo
 	*/
-	cria: function(wlargura,waltura,wsrc,nx,ny,texto,id,modal,classe,funcaoCabecalho,funcaoMinimiza){
+	cria: function(wlargura,waltura,wsrc,nx,ny,texto,id,modal,classe,funcaoCabecalho,funcaoMinimiza,escondeX){
 		if(typeof(console) !== 'undefined'){console.info("i3GEO.janela.cria()");}
 		var i,wlargura_,ins,novoel,wdocaiframe,pos,temp,fix,underlay,ifr;
+		if(!escondeX)
+		{escondeX = false;}
 		if(i3GEO.janela.ANTESCRIA){
 			for(i=0;i<i3GEO.janela.ANTESCRIA.length;i++)
 			{eval(i3GEO.janela.ANTESCRIA[i]);}
@@ -217,12 +221,16 @@ i3GEO.janela = {
 		{$i("i3geo").removeChild($i(id+"_c"));}
 		if($i(id))
 		{$i("i3geo").removeChild($i(id));}
-		ins = '<div id="'+id+'_cabecalho" class="hd" style="background-color:white;">';
+		//var mouseout =  "$i('"+id+"').getElementsByClassName('container-close')[0].style.display='none';";
+		var mouseover =  "$i('"+id+"').getElementsByClassName('container-close')[0].style.display='block';";			
+		if(funcaoMinimiza)
+		{mouseover += "$i('"+id+"_minimizaCabecalho').style.display='block';";}
+		ins = '<div onmouseover="'+mouseover+'" id="'+id+'_cabecalho" class="hd" style="background-color:white;">';
 		if(i3GEO.configura !== undefined)
 		{ins += "<img id='"+id+"_imagemCabecalho' style='position:absolute;left:3px;top:2px;visibility:hidden;' src=\'"+i3GEO.configura.locaplic+"/imagens/aguarde.gif\' />";}
 		ins += texto;
 		if(funcaoMinimiza)
-		{ins += "<div id='"+id+"_minimizaCabecalho' class='container-minimiza' ></div>";}
+		{ins += "<div id='"+id+"_minimizaCabecalho' class='container-minimiza'></div>";}
 		ins += '</div><div id="'+id+'_corpo" class="bd" style="'+i3GEO.janela.ESTILOBD+'">';
 		if(wsrc !== "")
 		{ins += '<iframe name="'+id+'i" id="'+id+'i" valign="top" style="border:0px white solid"></iframe>';}
@@ -288,6 +296,17 @@ i3GEO.janela = {
 		{$i(id+"_minimizaCabecalho").onclick = funcaoMinimiza;}
 		YAHOO.util.Event.addListener(YAHOO.janelaDoca.xp.panel.close, "click", i3GEO.janela.fecha,YAHOO.janelaDoca.xp.panel,{id:id},true);
 		i3GEO.janela.ULTIMOZINDEX++;
+		//
+		//esconde/mostra ícone de fechar a janela
+		//
+		if(escondeX == true){
+			var iconex = $i(id).getElementsByClassName("container-close")[0];
+			if(iconex)
+			{iconex.style.display='none';}
+			iconex = $i(id+"_minimizaCabecalho");
+			if(iconex)
+			{iconex.style.display='none';}			
+		}
 		return([YAHOO.janelaDoca.xp.panel,$i(id+"_cabecalho"),$i(id+"_corpo")]);
 	},
 	/*
@@ -152,16 +152,18 @@ i3GEO.maparef = {
 			novoel.id = "i3geo_winRef";
 			novoel.style.display="none";
 			novoel.style.borderColor="gray";
+			
 			ins = "";
 			if(i3GEO.maparef.PERMITEDESLOCAR){
-				ins += '<div class="hd" style="text-align:left;z-index:20;padding-left: 0px;padding-bottom: 3px;padding-top: 1px;">';
-				ins += '<span id=maparefmaismenosZoom > ';
+				var over = "$i('refDinamico').style.display='inline-block';$i('i3geo_winRef').getElementsByClassName('container-close')[0].style.display='block'";
+				ins += '<div class="hd" onmouseover="'+over+'" style="text-align:left;z-index:20;padding-left: 0px;padding-bottom: 3px;padding-top: 1px;">';
+				ins += '<span id=maparefmaismenosZoom style=display:none > ';
 				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();";
 				ins += "<img class=mais onclick='"+temp+"' src="+i3GEO.util.$im("branco.gif")+" />";
 				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();";
 				ins += "<img class=menos onclick='"+temp+"' src="+i3GEO.util.$im("branco.gif")+" /></span>&nbsp;";		
 				if(i3GEO.maparef.SELETORTIPO){
-					ins += "<select style='font-size:9px;' id='refDinamico' onchange='javascript:i3GEO.parametros.celularef=\"\";i3GEO.maparef.atualiza()'>";
+					ins += "<select style='font-size:9px;display:none;' id='refDinamico' onchange='javascript:i3GEO.parametros.celularef=\"\";i3GEO.maparef.atualiza()'>";
 					ins += "<option value='fixo' select >fixo</option>";
 					ins += "<option value='mapa' >mapa</option>";
 					ins += "<option value='dinamico' >dinâmico</option>";
@@ -234,6 +236,13 @@ i3GEO.maparef = {
 		$i("i3geo_winRef_h").className = "hd2";
 		if(navm)
 		{$i("i3geo_winRef_h").style.width = "156px";}
+		var id = $i("i3geo_winRef");
+		if(id){
+			var iconex = id.getElementsByClassName("container-close")[0];
+			if(iconex){
+				iconex.style.display='none';
+			}
+		}
 	},
 	/*
 	Function: atualiza
@@ -1277,11 +1277,16 @@ i3GEO.util = {
 	ini - funcao do JS que será executada ao ser carregado o script (pode ser "")
 	id - id do elemento script que será criado
+	
+	aguarde {boolena} - mostra ou não a janela de aguarde
 	*/
-	scriptTag: function(js,ini,id){
+	scriptTag: function(js,ini,id,aguarde){
 		if(typeof(console) !== 'undefined'){console.info("i3GEO.util.scriptTag()");}
-		var head,script;
+		if(!aguarde){var aguarde = true;}
+		var head,script, tipojanela = i3GEO.janela.ESTILOAGUARDE;
 		if(!$i(id) || id === ""){
+			i3GEO.janela.ESTILOAGUARDE = "reduzida";
+			i3GEO.janela.abreAguarde(id+"aguarde","Carregando JS");
 			head= document.getElementsByTagName('head')[0];
 			script= document.createElement('script');
 			script.type= 'text/javascript';
@@ -1289,11 +1294,20 @@ i3GEO.util = {
 				if(navm){
 					script.onreadystatechange = function(){
 						if(this.readyState === 'loaded' || this.readyState === 'complete')
-						{eval(ini);}
+						{
+							i3GEO.janela.fechaAguarde(id+"aguarde");
+							i3GEO.janela.ESTILOAGUARDE = tipojanela;
+							eval(ini);
+						}
+					};
+				}
+				else{
+					script.onload=function(){
+						i3GEO.janela.fechaAguarde(id+"aguarde");
+						i3GEO.janela.ESTILOAGUARDE = tipojanela;
+						eval(ini);
 					};
 				}
-				else
-				{script.onload=function(){eval(ini);};}
 			}
 			script.src= js;
 			if(id !== "")
@@ -68,12 +68,19 @@ height:20px;
 }
 .yui-skin-sam .yui-panel .hd2 {
-background:transparent url(../pacotes/yui270/build/assets/skins/sam/sprite.png) repeat-x scroll 0 0px;
+background:transparent url(../pacotes/yui270/build/assets/skins/sam/sprite.png) repeat-x scroll 0 -200px;
 color:#000000;
 font-size:70%;
 font-weight:bold;
 line-height:2;
 padding:0 10px;
+opacity:.80;
+filter:alpha(opacity=80);
+}
+
+.yui-skin-sam .yui-panel .hd {
+opacity:.80;
+filter:alpha(opacity=80);
 }
 .yui-skin-sam .container-close {
@@ -85,6 +92,8 @@ right:1px;
 top:1px;
 width:25px;
 z-index:2001;
+opacity:.80;
+filter:alpha(opacity=80);
 }
 .yui-skin-sam .container-minimiza {
@@ -96,6 +105,8 @@ right:30px;
 top:1px;
 width:25px;
 z-index:2001;
+opacity:.8;
+filter:alpha(opacity=80);
 }
 .yui-skin-sam .yui-simple-dialog .bd .yui-icon {
	@@ -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);	166	+ janela = i3GEO.janela.cria(largura,"auto","",nx,ny," ","i3geo_janelaMensagens",false,"","","",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();