diff --git a/classesjs/classe_guias.js b/classesjs/classe_guias.js index 23b7dbc..002d40c 100644 --- a/classesjs/classe_guias.js +++ b/classesjs/classe_guias.js @@ -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 += ""; - - 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 += ""; + ins += "" + ins += ""; + 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 diff --git a/classesjs/classe_i3geo.js b/classesjs/classe_i3geo.js index b92eed5..8fad9b6 100644 --- a/classesjs/classe_i3geo.js +++ b/classesjs/classe_i3geo.js @@ -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);} }; diff --git a/imagens/openbars.png b/imagens/openbars.png index 15462b3..3d11bc8 100644 Binary files a/imagens/openbars.png and b/imagens/openbars.png differ -- libgit2 0.21.2