classe_janela-js.html 20.2 KB
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Janelas - i3Geo</title><link rel="stylesheet" type="text/css" href="../../styles/main.css"><script language=JavaScript src="../../javascript/main.js"></script><script language=JavaScript src="../../javascript/prettify.js"></script></head><body class="FramedContentPage" onLoad="NDOnLoad();prettyPrint();"><script language=JavaScript><!--
if (browserType) {document.write("<div class=" + browserType + ">");if (browserVer) {document.write("<div class=" + browserVer + ">"); }}// --></script>

<!--  Generated by Natural Docs, version 1.51 -->
<!--  http://www.naturaldocs.org  -->

<!-- saved from url=(0026)http://www.naturaldocs.org -->




<div id=Content><div class="CSection"><div class=CTopic id=MainTopic><h1 class=CTitle><a name="Janelas"></a>Janelas</h1><div class=CBody><p>i3GEO.janela</p><p>Abre janelas flutuantes</p><p>As janelas s&atilde;o criadas por meio da biblioteca YUI</p><h4 class=CHeading>Arquivo</h4><p>i3geo/classesjs/classe_janela.js</p><h4 class=CHeading>Licen&ccedil;a</h4><p>GPL2</p><p>i3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet</p><p>Direitos Autorais Reservados &copy; 2006 Minist&eacute;rio do Meio Ambiente Brasil Desenvolvedor: Edmar Moretti <a href="#" onClick="location.href='mai' + 'lto:' + 'edmar.'&nbsp; + 'moretti' + '@' + 'gmai' + 'l.com'; return false;" class=LEMail>edmar.<span style="display: none">.nosp@m.</span>moretti<span>@</span>gmai<span style="display: none">.nosp@m.</span>l.com</a></p><p>Este programa &eacute; software livre; voc&ecirc; pode redistribu&iacute;-lo e/ou modific&aacute;-lo sob os termos da Licen&ccedil;a P&uacute;blica Geral GNU conforme publicada pela Free Software Foundation;</p><p>Este programa &eacute; distribu&iacute;do na expectativa de que seja &uacute;til, por&eacute;m, SEM NENHUMA GARANTIA; nem mesmo a garantia impl&iacute;cita de COMERCIABILIDADE OU ADEQUAC&Atilde;O A UMA FINALIDADE ESPEC&Iacute;FICA.&nbsp; Consulte a Licen&ccedil;a P&uacute;blica Geral do GNU para mais detalhes.&nbsp; Voc&ecirc; deve ter recebido uma c&oacute;pia da Licen&ccedil;a P&uacute;blica Geral do GNU junto com este programa; se n&atilde;o, escreva para a Free Software Foundation, Inc., no endere&ccedil;o 59 Temple Street, Suite 330, Boston, MA 02111-1307 USA.</p><!--START_ND_SUMMARY--><div class=Summary><div class=STitle>Summary</div><div class=SBorder><table border=0 cellspacing=0 cellpadding=0 class=STable><tr class="SMain"><td class=SEntry><a href="#Janelas" >Janelas</a></td><td class=SDescription>i3GEO.janela</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#Propriedades" >Propriedades</a></td><td class=SDescription></td></tr><tr class="SPropriedade SIndent2 SMarked"><td class=SEntry><a href="#ESTILOABD" >ESTILOABD</a></td><td class=SDescription>Estilo que ser&aacute; aplicado ao elemento body da janela (class=&rsquo;bd&rsquo;)</td></tr><tr class="SPropriedade SIndent2"><td class=SEntry><a href="#ESTILOAGUARDE" >ESTILOAGUARDE</a></td><td class=SDescription>Estilo da janela de aguarde</td></tr><tr class="SPropriedade SIndent2 SMarked"><td class=SEntry><a href="#AGUARDEMODAL" >AGUARDEMODAL</a></td><td class=SDescription>Indica se a janela de aguarde ser&aacute; do tipo MODAL, ou seja, se ir&aacute; ou n&atilde;o bloquear as op&ccedil;&otilde;es do mapa.</td></tr><tr class="SPropriedade SIndent2"><td class=SEntry><a href="#TRANSICAOSUAVE" >TRANSICAOSUAVE</a></td><td class=SDescription>Altera a transpar&ecirc;ncia das janelas quando o mouse sobrep&otilde;e e quando sai (n&atilde;o &eacute; ativado no navegador IE)</td></tr><tr class="SPropriedade SIndent2 SMarked"><td class=SEntry><a href="#OPACIDADE" >OPACIDADE</a></td><td class=SDescription>Valor da opacidade min&iacute;ma utilizada quando TRANSICAOSUAVE for igual a true.</td></tr><tr class="SPropriedade SIndent2"><td class=SEntry><a href="#OPACIDADEAGUARDE" >OPACIDADEAGUARDE</a></td><td class=SDescription>Valor da opacidade da janela de aguarde.</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#cria" id=link1 onMouseOver="ShowTip(event, 'tt1', 'link1')" onMouseOut="HideTip('tt1')">cria</a></td><td class=SDescription>Cria uma janela flutuante.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#alteraTamanho" id=link2 onMouseOver="ShowTip(event, 'tt2', 'link2')" onMouseOut="HideTip('tt2')">alteraTamanho</a></td><td class=SDescription>Altera o tamanho de uma janela aberta</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#abreAguarde" id=link3 onMouseOver="ShowTip(event, 'tt3', 'link3')" onMouseOut="HideTip('tt3')">abreAguarde</a></td><td class=SDescription>Abre uma janela com a mensagem de aguarde</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#fechaAguarde" id=link4 onMouseOver="ShowTip(event, 'tt4', 'link4')" onMouseOut="HideTip('tt4')">fechaAguarde</a></td><td class=SDescription>Fecha uma janela do tipo aguarde</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#tempoMsg" id=link5 onMouseOver="ShowTip(event, 'tt5', 'link5')" onMouseOut="HideTip('tt5')">tempoMsg</a></td><td class=SDescription>Abre uma janela com uma mensagem temporaria</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mensagemSimples" id=link6 onMouseOver="ShowTip(event, 'tt6', 'link6')" onMouseOut="HideTip('tt6')">mensagemSimples</a></td><td class=SDescription>Mostra uma janela simples com uma mensagem</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="Propriedades"></a>Propriedades</h3></div></div>

<div class="CPropriedade"><div class=CTopic><h3 class=CTitle><a name="ESTILOABD"></a>ESTILOABD</h3><div class=CBody><p>Estilo que ser&aacute; aplicado ao elemento body da janela (class=&rsquo;bd&rsquo;)</p><h4 class=CHeading>Tipo</h4><p>{String}</p><h4 class=CHeading>Default</h4><p>{display:block;padding:5px 0px 5px 2px}</p></div></div></div>

<div class="CPropriedade"><div class=CTopic><h3 class=CTitle><a name="ESTILOAGUARDE"></a>ESTILOAGUARDE</h3><div class=CBody><p>Estilo da janela de aguarde</p><p>Pode ser normal|reduzida|minima</p><h4 class=CHeading>Tipo</h4><p>{String}</p><h4 class=CHeading>Default</h4><p>{normal}</p></div></div></div>

<div class="CPropriedade"><div class=CTopic><h3 class=CTitle><a name="AGUARDEMODAL"></a>AGUARDEMODAL</h3><div class=CBody><p>Indica se a janela de aguarde ser&aacute; do tipo MODAL, ou seja, se ir&aacute; ou n&atilde;o bloquear as op&ccedil;&otilde;es do mapa.</p><h4 class=CHeading>Tipo</h4><p>{Boolean}</p><h4 class=CHeading>Default</h4><p>{false}</p></div></div></div>

<div class="CPropriedade"><div class=CTopic><h3 class=CTitle><a name="TRANSICAOSUAVE"></a>TRANSICAOSUAVE</h3><div class=CBody><p>Altera a transpar&ecirc;ncia das janelas quando o mouse sobrep&otilde;e e quando sai (n&atilde;o &eacute; ativado no navegador IE)</p><h4 class=CHeading>Tipo</h4><p>{boolean}</p><h4 class=CHeading>Default</h4><p>{true}</p></div></div></div>

<div class="CPropriedade"><div class=CTopic><h3 class=CTitle><a name="OPACIDADE"></a>OPACIDADE</h3><div class=CBody><p>Valor da opacidade min&iacute;ma utilizada quando TRANSICAOSUAVE for igual a true.</p><p>Varia de 0 a 100</p><h4 class=CHeading>Tipo</h4><p>{numeric}</p><h4 class=CHeading>Default</h4><p>{65}</p></div></div></div>

<div class="CPropriedade"><div class=CTopic><h3 class=CTitle><a name="OPACIDADEAGUARDE"></a>OPACIDADEAGUARDE</h3><div class=CBody><p>Valor da opacidade da janela de aguarde.</p><p>Varia de 0 a 100</p><h4 class=CHeading>Tipo</h4><p>{numeric}</p><h4 class=CHeading>Default</h4><p>{50}</p></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="Functions"></a>Functions</h3></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="cria"></a>cria</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>cria: function(</td><td class="PParameter  prettyprint " nowrap>wlargura,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>waltura,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>wsrc,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>nx,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>ny,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>texto,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>id,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>modal,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>classe,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>funcaoCabecalho,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>funcaoMinimiza</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Cria uma janela flutuante.</p><h4 class=CHeading>Vc pode obter o elemento HTML interno da janela por meio de</h4><p>{retorno}[2].innerHTML</p><p>Vc pode recuperar uma janela com o comando YAHOO.i3GEO.janela.manager.find(id);</p><h4 class=CHeading>Parametros</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>wlargura {integer}</td><td class=CDLDescription>largura da janela em pixels</td></tr><tr><td class=CDLEntry>waltura {integer}</td><td class=CDLDescription>altura da janela em pixels</td></tr><tr><td class=CDLEntry>wsrc {String}</td><td class=CDLDescription>URL que ser&aacute; inclu&iacute;da no SRC do iframe interno da janela.&nbsp; Se for &ldquo;&rdquo;, o iframe n&atilde;o ser&aacute; criado</td></tr><tr><td class=CDLEntry>nx {Integer}</td><td class=CDLDescription>posi&ccedil;&atilde;o x da janela em pixels.&nbsp; Se for &ldquo;&rdquo; ser&aacute; fixada no centro</td></tr><tr><td class=CDLEntry>ny {Integer}</td><td class=CDLDescription>posi&ccedil;&atilde;o y da janela em pixels.&nbsp; Se for &ldquo;&rdquo; ser&aacute; fixada no centro</td></tr><tr><td class=CDLEntry>texto {String}</td><td class=CDLDescription>texto do cabe&ccedil;alho</td></tr><tr><td class=CDLEntry>id {String}</td><td class=CDLDescription>(opcional) nome que ser&aacute; dado ao id que conter&aacute; a janela.&nbsp; Se n&atilde;o for definido, ser&aacute; usado o id=&rdquo;wdoca&rdquo;.&nbsp; O id do iframe interno &eacute; sempre igual ao id + a letra i.&nbsp; Por default, ser&aacute; &ldquo;wdocai&rdquo;.&nbsp; O id do cab&ccedil;alho ser&aacute; igual a id+&rdquo;_cabecalho&rdquo; e o id do corpo ser&aacute; id+&rdquo;_corpo&rdquo;.&nbsp; O id tamb&eacute;m &eacute; utilizado na fun&ccedil;&atilde;o de fechamento da janela.&nbsp; Quando for usada a t&eacute;cnica de script tag, ao fechar a janela a fun&ccedil;&atilde;o de mesmo nome do id ser&aacute; definida como &ldquo;null&rdquo;.</td></tr><tr><td class=CDLEntry>modal {Boolean}</td><td class=CDLDescription>(opcional) indica se a janela bloquear&aacute; as inferiores ou n&atilde;o.&nbsp; Por default &eacute; false</td></tr><tr><td class=CDLEntry>classe {String}</td><td class=CDLDescription>(opcional) classe CSS que ser&aacute; aplicada à barra de menu.&nbsp; Por default o valor &eacute; hd2.&nbsp; Na interface Google Earth, esse valor &eacute; sempre alterado para &ldquo;hd&rdquo;.</td></tr><tr><td class=CDLEntry>funcaoCabecalho {function}</td><td class=CDLDescription>(opcional) funcao que ser&aacute; executada quando o usu&aacute;rio clicar no cabecalho</td></tr><tr><td class=CDLEntry>funcaoMinimiza {function}</td><td class=CDLDescription>(opcional) funcao que ser&aacute; executada para minimizar a janela</td></tr></table><h4 class=CHeading>Return</h4><p>{Array} Array contendo: objeto YAHOO.panel criado,elemento HTML com o cabecalho, elemento HTML com o corpo</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="alteraTamanho"></a>alteraTamanho</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>alteraTamanho: function(</td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>id</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Altera o tamanho de uma janela aberta</p><h4 class=CHeading>Parametros</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>w {Integer}</td><td class=CDLDescription>nova largura</td></tr><tr><td class=CDLEntry>h {Integer}</td><td class=CDLDescription>nova altura</td></tr><tr><td class=CDLEntry>id {String}</td><td class=CDLDescription>(opcional) id que identifica a janela aberta, por padr&atilde;o utiliza &ldquo;wdoca&rdquo;</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="abreAguarde"></a>abreAguarde</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>abreAguarde: function(</td><td class="PParameter  prettyprint " nowrap>id,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>texto</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Abre uma janela com a mensagem de aguarde</p><h4 class=CHeading>Parametros</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>id {String}</td><td class=CDLDescription>id da nova janela</td></tr><tr><td class=CDLEntry>texto {String}</td><td class=CDLDescription>texto da janela</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="fechaAguarde"></a>fechaAguarde</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>fechaAguarde: function(</td><td class="PParameter  prettyprint " nowrap>id</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Fecha uma janela do tipo aguarde</p><h4 class=CHeading>Paremeters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>id {String}</td><td class=CDLDescription>id da janela que ser&aacute; fechada.&nbsp; Se n&atilde;o for definido, tenta fechar as janelas principais.</td></tr></table></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="tempoMsg"></a>tempoMsg</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>tempoMsg: function(</td><td class="PParameter  prettyprint " nowrap>texto,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>tempo</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Abre uma janela com uma mensagem temporaria</p><h4 class=CHeading>Parametros</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>texto {String}</td><td class=CDLDescription>texto da janela</td></tr></table><p>tempo {segundos}</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mensagemSimples"></a>mensagemSimples</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mensagemSimples: function(</td><td class="PParameter  prettyprint " nowrap>texto,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>cabecalho</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Mostra uma janela simples com uma mensagem</p><h4 class=CHeading>Parametros</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>texto {String}</td><td class=CDLDescription>texto da mensagem</td></tr></table></div></div></div>

</div><!--Content-->



<!--START_ND_TOOLTIPS-->
<div class=CToolTip id="tt1"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>cria: function(</td><td class="PParameter  prettyprint " nowrap>wlargura,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>waltura,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>wsrc,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>nx,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>ny,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>texto,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>id,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>modal,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>classe,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>funcaoCabecalho,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>funcaoMinimiza</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Cria uma janela flutuante.</div></div><div class=CToolTip id="tt2"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>alteraTamanho: function(</td><td class="PParameter  prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>h,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>id</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Altera o tamanho de uma janela aberta</div></div><div class=CToolTip id="tt3"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>abreAguarde: function(</td><td class="PParameter  prettyprint " nowrap>id,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>texto</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Abre uma janela com a mensagem de aguarde</div></div><div class=CToolTip id="tt4"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>fechaAguarde: function(</td><td class="PParameter  prettyprint " nowrap>id</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Fecha uma janela do tipo aguarde</div></div><div class=CToolTip id="tt5"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>tempoMsg: function(</td><td class="PParameter  prettyprint " nowrap>texto,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>tempo</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Abre uma janela com uma mensagem temporaria</div></div><div class=CToolTip id="tt6"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters  prettyprint "nowrap>mensagemSimples: function(</td><td class="PParameter  prettyprint " nowrap>texto,</td></tr><tr><td></td><td class="PParameter  prettyprint " nowrap>cabecalho</td><td class="PAfterParameters  prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Mostra uma janela simples com uma mensagem</div></div><!--END_ND_TOOLTIPS-->

<script language=JavaScript><!--
if (browserType) {if (browserVer) {document.write("</div>"); }document.write("</div>");}// --></script></body></html>