--no commit message

Edmar Moretti
1 parent 2924ab6d
Showing 3 changed files with 83 additions and 21 deletions Show diff stats
classesjs/classe_guias.js
classesjs/classe_i3geo.js
imagens/openbars.png
@@ -697,25 +697,87 @@ i3GEO.guias = {
 		}
 		Dom.setStyle(guia+"obj","display","block");
 	},
-	guiaMovel: function(){
-		var molde = document.createElement("div"),
-			posMapa = i3GEO.util.pegaPosicaoObjeto($i(i3GEO.Interface.IDMAPA)),
-			larguraPuxador = 50;
-			alturaGuiaMovel = i3GEO.parametros.h / 1.5,
-			ins = "";
-		if(i3GEO.guias.ALTURACORPOGUIAS > 0)
-		{alturaGuiaMovel = i3GEO.guias.ALTURACORPOGUIAS;}
-		molde.id = "i3GEOguiaMovelMolde";
-		molde.style.position = "absolute";
-		molde.style.display = "block";
-		molde.style.height = alturaGuiaMovel;
-		molde.style.border = "1px solid white";
-		molde.style.left = posMapa[0] + i3GEO.parametros.w - larguraPuxador - 2;
-		molde.style.top = posMapa[1] + (i3GEO.parametros.h / 2) - (alturaGuiaMovel / 2) + 2;
-		ins += "<img  style=top:0px width='"+larguraPuxador+"' src='"+i3GEO.configura.locaplic+"/imagens/openbars.png' >";
-		
-		molde.innerHTML = ins;
-		document.body.appendChild(molde);
-		
+	guiaMovel: {
+		config: {
+			larguraPuxador: 50,
+			alturaPuxador: 319,
+			imgPuxador: '/imagens/openbars.png',
+			alturaGuiaMovel: 0,
+			larguraGuiaMovel: 300
+		},
+		inicia: function(){
+			var molde = document.createElement("div"),
+				moldeS = molde.style,
+				posMapa = i3GEO.util.pegaPosicaoObjeto($i(i3GEO.Interface.IDMAPA)),
+				ins = "";
+			if(i3GEO.guias.ALTURACORPOGUIAS === 0 && i3GEO.guias.guiaMovel.config.alturaGuiaMovel === 0)
+			{i3GEO.guias.guiaMovel.config.alturaGuiaMovel = i3GEO.parametros.h / 1.5;}
+			else
+			{i3GEO.guias.guiaMovel.config.alturaGuiaMovel = i3GEO.guias.ALTURACORPOGUIAS;}
+			molde.id = "i3GEOguiaMovelMolde";
+			moldeS.position = "absolute";
+			moldeS.display = "block";
+			moldeS.height = i3GEO.guias.guiaMovel.config.alturaGuiaMovel;
+			moldeS.border = "0px solid white";
+			moldeS.textAlign = "left";
+			moldeS.left = posMapa[0] + i3GEO.parametros.w - i3GEO.guias.guiaMovel.config.larguraPuxador;
+			moldeS.top = posMapa[1] + (i3GEO.parametros.h / 2) - (i3GEO.guias.guiaMovel.config.alturaGuiaMovel / 2);
+			ins += "<img onclick='i3GEO.guias.guiaMovel.abreFecha()' style='z-index:2;border:solid 0px white;left:0px;position:relative;top:"+ ((i3GEO.guias.guiaMovel.config.alturaGuiaMovel / 2) - (i3GEO.guias.guiaMovel.config.alturaPuxador / 2)) +"px' width='"+i3GEO.guias.guiaMovel.config.larguraPuxador+"' src='"+i3GEO.configura.locaplic+"/"+i3GEO.guias.guiaMovel.config.imgPuxador+"' >";
+			ins += "<div id='i3GEOguiaMovelConteudo' style='border-color:gray;border-width:0px 0 0px 0px;left:"+(i3GEO.guias.guiaMovel.config.larguraPuxador - 4) +"px;top:0px;width:0px;position:inherit;display:none;height:"+i3GEO.guias.guiaMovel.config.alturaGuiaMovel+"px;background-color:black' >&nbsp;</div>"
+			ins += "<div id='i3GEOguiaMovelIcones' style='left:"+(i3GEO.guias.guiaMovel.config.larguraPuxador + 4)+";display:none;position:inherit;top:5px;text-align:center;height:50px;width:"+(i3GEO.guias.guiaMovel.config.larguraGuiaMovel - 8) +"px;border:solid 0px white;background-color:white' ></div>";
+			molde.innerHTML = ins;
+			
+			document.body.appendChild(molde);
+			YAHOO.util.Dom.setStyle("i3GEOguiaMovelConteudo", "opacity", 0.20);
+			YAHOO.util.Dom.setStyle("i3GEOguiaMovelIcones", "opacity", 0.40);
+		},
+		abreFecha: function(){
+			var molde = $i("i3GEOguiaMovelMolde"),
+				conteudo = $i("i3GEOguiaMovelConteudo"),
+				conteudoS = conteudo.style,
+				attributes,
+				moldeS = molde.style,
+				anim,
+				anim1;
+			if(parseInt(conteudoS.width,10) !== 0){//esconde
+				//conteudoS.width = "0px";
+				//conteudoS.display = "none";
+				//moldeS.left = parseInt(moldeS.left,10) + i3GEO.guias.guiaMovel.config.larguraGuiaMovel  + "px";
+				//moldeS.width = i3GEO.guias.guiaMovel.config.larguraPuxador + "px";
+				$i("i3GEOguiaMovelIcones").style.display = "none";
+				attributes = {
+					left: { to: parseInt(moldeS.left,10) + i3GEO.guias.guiaMovel.config.larguraGuiaMovel },
+					id: "i3GEOguiaMovelMolde"
+				};
+				anim = new YAHOO.util.Anim(molde, attributes, 1, YAHOO.util.Easing.easeNone);
+				attributes = {
+					width: { to: 0 },
+					id: "i3GEOguiaMovelConteudo"
+				};
+				anim1 = new YAHOO.util.Anim(conteudo, attributes, 1, YAHOO.util.Easing.easeNone);					
+				anim.animate();
+				anim1.animate();				
+			}
+			else{
+				conteudoS.display = "block";	
+				//moldeS.width = i3GEO.guias.guiaMovel.config.larguraGuiaMovel + i3GEO.guias.guiaMovel.config.larguraPuxador + "px";
+				//moldeS.left = parseInt(moldeS.left,10) - i3GEO.guias.guiaMovel.config.larguraGuiaMovel  + "px";
+				attributes = {
+					left: { to: parseInt(moldeS.left,10) - i3GEO.guias.guiaMovel.config.larguraGuiaMovel },
+					id: "i3GEOguiaMovelMolde"
+				};
+				anim = new YAHOO.util.Anim(molde, attributes, 1, YAHOO.util.Easing.easeNone);
+				attributes = {
+					width: { to: i3GEO.guias.guiaMovel.config.larguraGuiaMovel + 4 },
+					id: "i3GEOguiaMovelConteudo"
+				};
+				anim1 = new YAHOO.util.Anim(conteudo, attributes, 1, YAHOO.util.Easing.easeNone);					
+				anim.animate();
+				anim1.animate();
+				anim1.onComplete.subscribe(function(){
+					$i("i3GEOguiaMovelIcones").style.display = "block";
+				});
+			}
+		}
 	}
 };
 \ No newline at end of file
@@ -339,7 +339,7 @@ i3GEO = {
 				else
 				{eval(i3GEO.finaliza);}
 				if(i3GEO.guias.TIPO === "movel")
-				{i3GEO.guias.guiaMovel();}
+				{i3GEO.guias.guiaMovel.inicia();}
 			}
 			catch(e){alert(e);}
 		};
...	...	@@ -697,25 +697,87 @@ i3GEO.guias = {
697	697	}
698	698	Dom.setStyle(guia+"obj","display","block");
699	699	},
700		- guiaMovel: function(){
701		- var molde = document.createElement("div"),
702		- posMapa = i3GEO.util.pegaPosicaoObjeto($i(i3GEO.Interface.IDMAPA)),
703		- larguraPuxador = 50;
704		- alturaGuiaMovel = i3GEO.parametros.h / 1.5,
705		- ins = "";
706		- if(i3GEO.guias.ALTURACORPOGUIAS > 0)
707		- {alturaGuiaMovel = i3GEO.guias.ALTURACORPOGUIAS;}
708		- molde.id = "i3GEOguiaMovelMolde";
709		- molde.style.position = "absolute";
710		- molde.style.display = "block";
711		- molde.style.height = alturaGuiaMovel;
712		- molde.style.border = "1px solid white";
713		- molde.style.left = posMapa[0] + i3GEO.parametros.w - larguraPuxador - 2;
714		- molde.style.top = posMapa[1] + (i3GEO.parametros.h / 2) - (alturaGuiaMovel / 2) + 2;
715		- ins += "<img style=top:0px width='"+larguraPuxador+"' src='"+i3GEO.configura.locaplic+"/imagens/openbars.png' >";
716		-
717		- molde.innerHTML = ins;
718		- document.body.appendChild(molde);
719		-
	700	+ guiaMovel: {
	701	+ config: {
	702	+ larguraPuxador: 50,
	703	+ alturaPuxador: 319,
	704	+ imgPuxador: '/imagens/openbars.png',
	705	+ alturaGuiaMovel: 0,
	706	+ larguraGuiaMovel: 300
	707	+ },
	708	+ inicia: function(){
	709	+ var molde = document.createElement("div"),
	710	+ moldeS = molde.style,
	711	+ posMapa = i3GEO.util.pegaPosicaoObjeto($i(i3GEO.Interface.IDMAPA)),
	712	+ ins = "";
	713	+ if(i3GEO.guias.ALTURACORPOGUIAS === 0 && i3GEO.guias.guiaMovel.config.alturaGuiaMovel === 0)
	714	+ {i3GEO.guias.guiaMovel.config.alturaGuiaMovel = i3GEO.parametros.h / 1.5;}
	715	+ else
	716	+ {i3GEO.guias.guiaMovel.config.alturaGuiaMovel = i3GEO.guias.ALTURACORPOGUIAS;}
	717	+ molde.id = "i3GEOguiaMovelMolde";
	718	+ moldeS.position = "absolute";
	719	+ moldeS.display = "block";
	720	+ moldeS.height = i3GEO.guias.guiaMovel.config.alturaGuiaMovel;
	721	+ moldeS.border = "0px solid white";
	722	+ moldeS.textAlign = "left";
	723	+ moldeS.left = posMapa[0] + i3GEO.parametros.w - i3GEO.guias.guiaMovel.config.larguraPuxador;
	724	+ moldeS.top = posMapa[1] + (i3GEO.parametros.h / 2) - (i3GEO.guias.guiaMovel.config.alturaGuiaMovel / 2);
	725	+ ins += "<img onclick='i3GEO.guias.guiaMovel.abreFecha()' style='z-index:2;border:solid 0px white;left:0px;position:relative;top:"+ ((i3GEO.guias.guiaMovel.config.alturaGuiaMovel / 2) - (i3GEO.guias.guiaMovel.config.alturaPuxador / 2)) +"px' width='"+i3GEO.guias.guiaMovel.config.larguraPuxador+"' src='"+i3GEO.configura.locaplic+"/"+i3GEO.guias.guiaMovel.config.imgPuxador+"' >";
	726	+ ins += "<div id='i3GEOguiaMovelConteudo' style='border-color:gray;border-width:0px 0 0px 0px;left:"+(i3GEO.guias.guiaMovel.config.larguraPuxador - 4) +"px;top:0px;width:0px;position:inherit;display:none;height:"+i3GEO.guias.guiaMovel.config.alturaGuiaMovel+"px;background-color:black' > </div>"
	727	+ ins += "<div id='i3GEOguiaMovelIcones' style='left:"+(i3GEO.guias.guiaMovel.config.larguraPuxador + 4)+";display:none;position:inherit;top:5px;text-align:center;height:50px;width:"+(i3GEO.guias.guiaMovel.config.larguraGuiaMovel - 8) +"px;border:solid 0px white;background-color:white' ></div>";
	728	+ molde.innerHTML = ins;
	729	+
	730	+ document.body.appendChild(molde);
	731	+ YAHOO.util.Dom.setStyle("i3GEOguiaMovelConteudo", "opacity", 0.20);
	732	+ YAHOO.util.Dom.setStyle("i3GEOguiaMovelIcones", "opacity", 0.40);
	733	+ },
	734	+ abreFecha: function(){
	735	+ var molde = $i("i3GEOguiaMovelMolde"),
	736	+ conteudo = $i("i3GEOguiaMovelConteudo"),
	737	+ conteudoS = conteudo.style,
	738	+ attributes,
	739	+ moldeS = molde.style,
	740	+ anim,
	741	+ anim1;
	742	+ if(parseInt(conteudoS.width,10) !== 0){//esconde
	743	+ //conteudoS.width = "0px";
	744	+ //conteudoS.display = "none";
	745	+ //moldeS.left = parseInt(moldeS.left,10) + i3GEO.guias.guiaMovel.config.larguraGuiaMovel + "px";
	746	+ //moldeS.width = i3GEO.guias.guiaMovel.config.larguraPuxador + "px";
	747	+ $i("i3GEOguiaMovelIcones").style.display = "none";
	748	+ attributes = {
	749	+ left: { to: parseInt(moldeS.left,10) + i3GEO.guias.guiaMovel.config.larguraGuiaMovel },
	750	+ id: "i3GEOguiaMovelMolde"
	751	+ };
	752	+ anim = new YAHOO.util.Anim(molde, attributes, 1, YAHOO.util.Easing.easeNone);
	753	+ attributes = {
	754	+ width: { to: 0 },
	755	+ id: "i3GEOguiaMovelConteudo"
	756	+ };
	757	+ anim1 = new YAHOO.util.Anim(conteudo, attributes, 1, YAHOO.util.Easing.easeNone);
	758	+ anim.animate();
	759	+ anim1.animate();
	760	+ }
	761	+ else{
	762	+ conteudoS.display = "block";
	763	+ //moldeS.width = i3GEO.guias.guiaMovel.config.larguraGuiaMovel + i3GEO.guias.guiaMovel.config.larguraPuxador + "px";
	764	+ //moldeS.left = parseInt(moldeS.left,10) - i3GEO.guias.guiaMovel.config.larguraGuiaMovel + "px";
	765	+ attributes = {
	766	+ left: { to: parseInt(moldeS.left,10) - i3GEO.guias.guiaMovel.config.larguraGuiaMovel },
	767	+ id: "i3GEOguiaMovelMolde"
	768	+ };
	769	+ anim = new YAHOO.util.Anim(molde, attributes, 1, YAHOO.util.Easing.easeNone);
	770	+ attributes = {
	771	+ width: { to: i3GEO.guias.guiaMovel.config.larguraGuiaMovel + 4 },
	772	+ id: "i3GEOguiaMovelConteudo"
	773	+ };
	774	+ anim1 = new YAHOO.util.Anim(conteudo, attributes, 1, YAHOO.util.Easing.easeNone);
	775	+ anim.animate();
	776	+ anim1.animate();
	777	+ anim1.onComplete.subscribe(function(){
	778	+ $i("i3GEOguiaMovelIcones").style.display = "block";
	779	+ });
	780	+ }
	781	+ }
720	782	}
721	783	};
722	784	\ No newline at end of file
...	...
...	...	@@ -339,7 +339,7 @@ i3GEO = {
339	339	else
340	340	{eval(i3GEO.finaliza);}
341	341	if(i3GEO.guias.TIPO === "movel")
342		- {i3GEO.guias.guiaMovel();}
	342	+ {i3GEO.guias.guiaMovel.inicia();}
343	343	}
344	344	catch(e){alert(e);}
345	345	};
...	...