Download as
Browse Code »

Commit 4049d225f62545f1756b0b27a601baaa867af10f

Authored by Edmar Moretti
1 parent 4c7ddc66
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

Efeito de mudança do tamanho dos boxes de informações da ferramenta identifica

Showing 3 changed files with 30 additions and 4 deletions   Show diff stats
classesjs/i3geonaocompacto.js
  Diff comments   View file @4049d22
... ... @@ -31,6 +31,7 @@ var jsfiles = new Array(
31 31 "../pacotes/yui270/build/treeview/treeview.js",
32 32 "../pacotes/yui270/build/button/button-min.js",
33 33 "../pacotes/yui270/build/json/json-min.js",
  34 +"../pacotes/yui270/build/resize/resize-min.js",
34 35 "../pacotes/balloon-tooltips/htdocs/js/balloon.config.js",
35 36 "../pacotes/balloon-tooltips/htdocs/js/balloon.js",
36 37 "classe_i3geo.js",
... ... @@ -81,6 +82,7 @@ var cssfiles = new Array(
81 82 "../pacotes/yui270/build/treeview/assets/skins/sam/treeview.css",
82 83 "../pacotes/yui270/build/button/assets/skins/sam/button.css",
83 84 "../pacotes/yui270/build/slider/assets/skins/sam/slider.css",
  85 +"../pacotes/yui270/build/resize/assets/skins/sam/resize.css",
84 86 "../css/corrigeyui_geral.css"
85 87 );
86 88 for (i = 0; i < cssfiles.length; i++)
... ...
css/geral.css
  Diff comments   View file @4049d22
... ... @@ -193,3 +193,5 @@ h1 {padding:.25em .5em;background-color:#ccc;}
193 193 /*hack opera */
194 194 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
195 195 { .inputsb {border:1px solid black} }
  196 +
  197 +
... ...
ferramentas/identifica/index.js.php
  Diff comments   View file @4049d22
... ... @@ -177,6 +177,28 @@ i3GEOF.identifica = {
177 177 {i3GEOF.identifica.buscaDadosTema(i3GEO.temaAtivo);}
178 178 }
179 179 catch(erro){alert(erro);}
  180 +
  181 + var Dom = YAHOO.util.Dom,
  182 + Event = YAHOO.util.Event,
  183 + col1 = null
  184 + col2 = null;
  185 +
  186 + col1 = Dom.get('i3GEOidentificatemaativo');
  187 + col2 = Dom.get('i3GEOidentificaocorrencia');
  188 + var resize = new YAHOO.util.Resize('i3GEOidentificatemaativo', {
  189 + handles: ['r'],
  190 + maxWidth: 180
  191 + });
  192 + resize.on('resize', function(ev) {
  193 + var w = ev.width;
  194 + Dom.setStyle(col1, 'height', '');
  195 + //150 é o tamanho inicial da parte esquerda, corresponde a 40%
  196 + var w1 = parseInt(col1.style.width);
  197 + var dif = parseInt((w1 * 40) / 150,10);
  198 + Dom.setStyle(col2, 'width', 40 - dif + 60 + '%');
  199 + Dom.setStyle(col2, 'left', w1 + 15 + 'px');
  200 + });
  201 + resize.resize(null, null, null, 0, 0, true);
180 202 },
181 203 atualizaSistemas: function(){
182 204 if(i3GEOF.identifica.mostraSistemasAdicionais === true){
... ... @@ -272,11 +294,11 @@ i3GEOF.identifica = {
272 294 ins += '</div>';
273 295 //ins += '<div class="geralFerramentas" style="left:0px;top:0px;width:98%;height:86%;">';
274 296 ins += ' <div class=guiaobj id="i3GEOidentificaguia1obj" style="left:1px;90%">';
275   - ins += ' <div class="geralFerramentas" style="display:block;position:relative;top:-5px;left:0px;width:150px">';
276   - ins += ' <div style="left:0px;width:120px;text-align:left;" id="i3GEOidentificalistaTemas" >Aguarde...</div>';
277   - ins += ' <div style="left:0px;width:120px;text-align:left;" id="i3GEOidentificalistaSistemas" >Aguarde...</div>';
  297 + ins += ' <div id="i3GEOidentificatemaativo" class="geralFerramentas" style="overflow: hidden;display:block;position:relative;top:-5px;left:0px;width:150px">';
  298 + ins += ' <div style="left:0px;width:150px;text-align:left;" id="i3GEOidentificalistaTemas" >Aguarde...</div>';
  299 + ins += ' <div style="left:0px;width:150px;text-align:left;" id="i3GEOidentificalistaSistemas" >Aguarde...</div>';
278 300 ins += ' </div>';
279   - ins += ' <div id="i3GEOidentificaocorrencia" style="font-size: 10px;display:block;position:absolute;top:5px;left:160px;width:60%"></div>';
  301 + ins += ' <div id="i3GEOidentificaocorrencia" style="overflow: hidden;font-size: 10px;display:block;position:absolute;top:5px;left:165px;width:60%"></div>';
280 302 ins += ' </div>';
281 303 ins += ' <div class=guiaobj id="i3GEOidentificaguia2obj" style="left:1px">';
282 304 ins += ' </div>';
... ...