Commit a9a05941503925d598c12ed08a5ff15e5da5f7de

Authored by Edmar Moretti
1 parent 8369c971

Reformulação para funcionamento com scripttag

ferramentas/inseregrafico/index.htm
... ... @@ -1,77 +0,0 @@
1   -<html>
2   -<head>
3   -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
4   -<link rel="stylesheet" type="text/css" href="../../css/i3geo_ferramentas.css">
5   -<title></title>
6   -<style type="text/css" >button{background:url(../../imagens/tic.png) 98% 50% no-repeat;}</style>
7   -<link rel="stylesheet" type="text/css" href="../../pacotes/yui270/build/button/assets/skins/sam/button.css"/>
8   -<style type="text/css">
9   -body {
10   - margin:0;
11   - padding:0;border:0px;
12   -}
13   -</style>
14   -</head>
15   -<body name="ancora" class="yui-skin-sam" >
16   - <div id=guiasYUI class="yui-navset" style="top:0px;cursor:pointer;left:0px;">
17   - <ul class="yui-nav" style="border-width:0pt 0pt 0px;border-color:rgb(240,240,240);border-bottom-color:white;">
18   - <li><a href="#ancora"><em><div id="guia1" style="text-align:center;font-size:10px;left:0px;" >Fonte dos dados</div></em></a></li>
19   - <li><a href="#ancora"><em><div id="guia2" style="text-align:center;font-size:10px;left:0px;" >Propriedades</div></em></a></li>
20   - <li><a href="#ancora"><em><div id="guia3" style="text-align:center;font-size:10px;left:0px;" >?</div></em></a></li>
21   - </ul>
22   - </div>
23   - <div id=geral style="left:0px;top:0px;">
24   - <div class=guiaobj id="guia1obj" style="display:block;left:0px" >
25   - <div id=opc1 style=top:0px;left:5px; >
26   - Escolha o tema com os dados:
27   - <div id=temasi style="display:block;position:relative;top:10px;left:0px">
28   - </div>
29   - <div id=listai class=digitar style="left:0px;top:20px;330px;height:80px;overflow:auto;display:block;">Escolha o tema para ver a lista de itens</div>
30   - <br><br>
31   - <div onclick="legenda()" style=top:0px;left:0px;text-align:left >
32   - <input id=botao1 size=35 type=button value="mostrar legenda no mapa" />
33   - </div>
34   - </div>
35   - <div id=men1 style=top:10px;left:5px >Marque os itens para compor as partes do gr&aacute;fico: Edite os valores de cor (R,G,B) conforme o desejado. Ap&oacute;s escolher os itens, clique no elemento do mapa para inserir o gr&aacute;fico.</div>
36   - </div>
37   - <div class=guiaobj id="guia2obj" style="display:none;left:0px" >
38   - <div id=opc2 style="display:block;top:0px;left:0px">
39   - <table summary="" class=lista2 width="70%">
40   - <tr>
41   - <td>Tamanho do círculo:</td>
42   - <td><input style="cursor:text" size=4 class=digitar type='text' id=w value='50' /></td>
43   - </tr>
44   - <tr>
45   - <td>Inclina&ccedil;&atilde;o do círculo:</td>
46   - <td><input style="cursor:text" size=4 class=digitar type='text' id=inclinacao value='1.5' /></td>
47   - </tr>
48   - <tr>
49   - <td>Tamanho da sombra:</td>
50   - <td><input style="cursor:text" size=4 class=digitar type='text' id=sombra value='5' /></td>
51   - </tr>
52   - </table>
53   - </div>
54   - </div>
55   - <div class=guiaobj id="guia3obj" style="display:none;" >
56   - <div style="display:block;position:relative;top:5px;left:0px;font-size:12px">
57   - <p>Para a montagem de cada gr&aacute;fico &eacute; necess&aacute;rio selecionar um tema que contenha
58   - os dados que ser&atilde;o representados.
59   - <p>Os dados s&atilde;o aqueles que encontram-se na tabela de atributos do tema.
60   - <p>Ap&oacute;s selecionado o tema, &eacute; mostrada uma lista com os itens existentes na tabela de atributos.
61   - Escolha os itens que ser&atilde;o utilizados no gr&aacute;fico clicando no box que aparece na lista de itens. Cada item ir&aacute; compor uma fatia do gr&aacute;fico.
62   - Ao lado do item, &eacute; mostrada a cor que ser&aacute; utilizada na representa&ccedil;&atilde;o. Cada cor &eacute; definida em RGB.
63   - <p>Na guia "propriedades" &eacute; poss&iacute;vel definir propriedades de representa&ccedil;&atilde;o de cada gr&aacute;fico. As defini&ccedil;&otilde;es afetar&atilde;o a forma de cada gr&aacute;fico.
64   - Ap&oacute;s escolhidos os itens e as propriedades, clique no mapa para adicionar o gr&aacute;fico.
65   - <p>Os dados que ser&atilde;o utilizados s&atilde;o buscados no elemento clicado.
66   - <p>Cada gr&aacute;fico adicionado &eacute; inclu&iacute;do no mapa como um novo tema.<br><br><br>
67   - </div>
68   - </div>
69   - <div id="resultado" style="display:none;position:relative;top:10px;left:0px;"></div>
70   - </div>
71   - <input type=hidden id=listadeitens value="" />
72   - <input type=hidden id=tema value="" />
73   -
74   -<script src="../i3geo_tudo_compacto.js.php" type="text/javascript"></script>
75   -<script language="JavaScript" type="text/javascript" src="index.js"></script>
76   -</body>
77   -</html>
78 0 \ No newline at end of file
ferramentas/inseregrafico/index.js
... ... @@ -1,130 +0,0 @@
1   -/*
2   -About: Licença
3   -
4   -I3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet
5   -
6   -Direitos Autorais Reservados (c) 2006 Ministério do Meio Ambiente Brasil
7   -Desenvolvedor: Edmar Moretti edmar.moretti@mma.gov.br
8   -
9   -Este programa é software livre; você pode redistribuí-lo
10   -e/ou modificá-lo sob os termos da Licença Pública Geral
11   -GNU conforme publicada pela Free Software Foundation;
12   -tanto a versão 2 da Licença.
13   -Este programa é distribuído na expectativa de que seja útil,
14   -porém, SEM NENHUMA GARANTIA; nem mesmo a garantia implícita
15   -de COMERCIABILIDADE OU ADEQUAÇÃO A UMA FINALIDADE ESPECÍFICA.
16   -Consulte a Licença Pública Geral do GNU para mais detalhes.
17   -Você deve ter recebido uma cópia da Licença Pública Geral do
18   -GNU junto com este programa; se não, escreva para a
19   -Free Software Foundation, Inc., no endereço
20   -59 Temple Street, Suite 330, Boston, MA 02111-1307 USA.
21   -*/
22   -//inicializa
23   -parametrosURL()
24   -aguarde("block")
25   -ativaGuias("")
26   -mostraGuia("guia1")
27   -comboi = ""
28   -//eventos das guias
29   -$i("guia1").onclick = function()
30   -{mostraGuia("guia1")}
31   -$i("guia2").onclick = function()
32   -{mostraGuia("guia2")}
33   -$i("guia3").onclick = function()
34   -{mostraGuia("guia3")}
35   -mensagemAjuda("men1",$i("men1").innerHTML)
36   -comboTemasLigados("temasLigados",function(retorno)
37   -{
38   - $i("temasi").innerHTML = retorno.dados
39   - aguarde("none")
40   - if ($i("temasLigados"))
41   - {
42   - $i("temasLigados").onchange = function()
43   - {
44   - aguarde("block")
45   - var tema = $i("temasLigados").value
46   - $i("men1").style.display = "block"
47   - var cp = new cpaint();
48   - //cp.set_debug(2)
49   - cp.set_response_type("JSON");
50   - cp.call(g_locaplic+"/classesphp/mapa_controle.php?g_sid="+g_sid+"&funcao=listaitens&tema="+tema,"listaItens",listaitensComPar);
51   - }
52   - }
53   -},"temasi")
54   -YAHOO.example.init = function ()
55   -{
56   - function onPushButtonsMarkupReady()
57   - {
58   - new YAHOO.widget.Button("botao1");
59   - }
60   - YAHOO.util.Event.onContentReady("botao1", onPushButtonsMarkupReady);
61   -}()
62   -//monta a lista de itens com opções de cores
63   -function listaitensComPar(retorno)
64   -{
65   - aguarde("none")
66   - if (retorno.data != undefined)
67   - {
68   - var ins = new Array()
69   - ins.push("<table class=lista >")
70   - for (i=0;i<retorno.data.valores.length; i++)
71   - {
72   - ins.push("<tr><td><input onclick='pegaitens()' size=2 style='cursor:pointer' name="+retorno.data.valores[i].item+" type=checkbox id="+retorno.data.valores[i].item+" /></td>")
73   - ins.push("<td>"+retorno.data.valores[i].item+"</td>")
74   - ins.push("<td><input onclick='javascript:this.select();' id=cor"+retorno.data.valores[i].item+" type=text size=13 value="+randomRGB()+" /></td>")
75   - ins.push("<td><img style=cursor:pointer src='../../imagens/aquarela.gif' onclick=\"corj('cor"+retorno.data.valores[i].item+"')\" /></td></tr>")
76   - }
77   - ins.push("</table>")
78   - $i("listai").innerHTML = ins.join("")
79   - }
80   - else
81   - {$i("listai").innerHTML = "<p style=color:red >Ocorreu um erro<br>"}
82   -}
83   -//abre a paleta de cores
84   -function corj(obj)
85   -{window.parent.i3GEO.util.abreCor("wdocai",obj)}
86   -//abre alegenda no mapa
87   -function legenda()
88   -{
89   - pegaitens()
90   - var par = $i("listadeitens").value
91   - try
92   - {
93   - var temp = par.split("*");
94   - var par = "<table>";
95   - var i = temp.length-1;
96   - if(i >= 0)
97   - {
98   - do
99   - {
100   - var t = temp[i];
101   - var t = t.split(",");
102   - par += "<tr style='text-align:left'><td style='background-color:rgb("+t[1]+","+t[2]+","+t[3]+")'>&nbsp;&nbsp;</td><td style='text-align:left'>"+t[0]+"</td></tr>";
103   - }
104   - while(i--)
105   - }
106   - par += "</table>";
107   - var w = window.parent.i3GEO.janela.cria(200,200,"","center","center","Legenda","FlegendaGr");
108   - var w = w[2].id
109   - window.parent.document.getElementById(w).innerHTML = par;
110   - window.parent.i3GEO.janela.ANTESFECHA = new Array();
111   - }
112   - catch(e){alert("Ocorreu um erro. legendaGrafico"+e);}
113   -}
114   -//pega os itens
115   -function pegaitens()
116   -{
117   - var listadeitens = new Array();
118   - var g = document.getElementById("listai")
119   - var iguias = g.getElementsByTagName("input")
120   - for (i=0;i<iguias.length; i++)
121   - {
122   - if (iguias[i].checked == true)
123   - {
124   - var it = iguias[i].id
125   - var c = document.getElementById("cor"+it).value
126   - listadeitens.push(it+","+c)
127   - }
128   - }
129   - document.getElementById("listadeitens").value = listadeitens.join("*")
130   -}
ferramentas/inseregrafico/index.js.php 0 → 100644
... ... @@ -0,0 +1,325 @@
  1 +<?php if(extension_loaded('zlib')){ob_start('ob_gzhandler');} header("Content-type: text/javascript"); ?>
  2 +/*jslint plusplus:false,white:false,undef: false, rhino: true, onevar: true, evil: true */
  3 +/*
  4 +Title: Ferramenta Insere gráfico interativo
  5 +
  6 +File: i3geo/ferramentas/inseregrafico/index.js.php
  7 +
  8 +About: Licença
  9 +
  10 +I3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet
  11 +
  12 +Direitos Autorais Reservados (c) 2006 Ministério do Meio Ambiente Brasil
  13 +Desenvolvedor: Edmar Moretti edmar.moretti@mma.gov.br
  14 +
  15 +Este programa é software livre; você pode redistribuí-lo
  16 +e/ou modificá-lo sob os termos da Licença Pública Geral
  17 +GNU conforme publicada pela Free Software Foundation;
  18 +tanto a versão 2 da Licença.
  19 +Este programa é distribuído na expectativa de que seja útil,
  20 +porém, SEM NENHUMA GARANTIA; nem mesmo a garantia implícita
  21 +de COMERCIABILIDADE OU ADEQUAÇÃO A UMA FINALIDADE ESPECÍFICA.
  22 +Consulte a Licença Pública Geral do GNU para mais detalhes.
  23 +Você deve ter recebido uma cópia da Licença Pública Geral do
  24 +GNU junto com este programa; se não, escreva para a
  25 +Free Software Foundation, Inc., no endereço
  26 +59 Temple Street, Suite 330, Boston, MA 02111-1307 USA.
  27 +*/
  28 +if(typeof(i3GEOF) === 'undefined'){
  29 + i3GEOF = [];
  30 +}
  31 +/*
  32 +Class: i3GEOF.insereGrafico
  33 +
  34 +Inclui gráficos em cada elemento de um tema tendo como fonte a tabela de atributos.
  35 +
  36 +Abre uma janela com várias opções e lista de itens para os gráficos.
  37 +
  38 +O tema que será utilizado é o que estiver armazenado na variável global i3GEO.temaAtivo
  39 +*/
  40 +i3GEOF.insereGrafico = {
  41 + /*
  42 + Function: inicia
  43 +
  44 + Inicia a ferramenta. É chamado por criaJanelaFlutuante
  45 +
  46 + Parametro:
  47 +
  48 + iddiv {String} - id do div que receberá o conteudo HTML da ferramenta
  49 + */
  50 + inicia: function(iddiv){
  51 + try{
  52 + $i(iddiv).innerHTML += i3GEOF.insereGrafico.html();
  53 + i3GEO.guias.mostraGuiaFerramenta("i3GEOinseregraficoguia1","i3GEOinseregraficoguia");
  54 + //eventos das guias
  55 + $i("i3GEOinseregraficoguia1").onclick = function()
  56 + {i3GEO.guias.mostraGuiaFerramenta("i3GEOinseregraficoguia1","i3GEOinseregraficoguia");};
  57 + $i("i3GEOinseregraficoguia2").onclick = function()
  58 + {i3GEO.guias.mostraGuiaFerramenta("i3GEOinseregraficoguia2","i3GEOinseregraficoguia");};
  59 + new YAHOO.widget.Button(
  60 + "i3GEOinseregraficobotao1",
  61 + {onclick:{fn: i3GEOF.insereGrafico.legenda}}
  62 + );
  63 + i3GEO.util.mensagemAjuda("i3GEOinseregraficomen1",$i("i3GEOinseregraficomen1").innerHTML);
  64 + //i3GEO.php.listaItensTema(i3GEOF.graficoTema.montaListaItens,i3GEO.temaAtivo);
  65 + i3GEOF.insereGrafico.ativaFoco();
  66 + }
  67 + catch(erro){alert(erro);}
  68 + },
  69 + /*
  70 + Function: html
  71 +
  72 + Gera o código html para apresentação das opções da ferramenta
  73 +
  74 + Retorno:
  75 +
  76 + String com o código html
  77 + */
  78 + html:function(){
  79 + var ins = '';
  80 + ins += '<div id=i3GEOinseregraficoguiasYUI class="yui-navset" style="top:0px;cursor:pointer;left:0px;">';
  81 + ins += ' <ul class="yui-nav" style="border-width:0pt 0pt 0px;border-color:rgb(240,240,240);border-bottom-color:white;">';
  82 + ins += ' <li><a href="#ancora"><em><div id="i3GEOinseregraficoguia1" style="text-align:center;font-size:10px;left:0px;" >Fonte dos dados</div></em></a></li>';
  83 + ins += ' <li><a href="#ancora"><em><div id="i3GEOinseregraficoguia2" style="text-align:center;font-size:10px;left:0px;" >Propriedades</div></em></a></li>';
  84 + ins += ' </ul>';
  85 + ins += '</div>';
  86 + ins += '<div class="geralFerramentas" style="left:0px;top:0px;width:98%;height:86%;">';
  87 + ins += ' <div class=guiaobj id="i3GEOinseregraficoguia1obj" style="left:1px;90%;display:none;">';
  88 + ins += ' <p>Escolha o tema com os dados:';
  89 + ins += ' <div id=i3GEOinseregraficotemasi style="display:block;position:relative;top:10px;left:0px;text-align:left;">Aguarde...';
  90 + ins += ' </div>';
  91 + ins += ' <div id=i3GEOinseregraficolistai class=digitar style="left:0px;top:20px;330px;height:80px;overflow:auto;display:block;">Escolha o tema para ver a lista de itens</div>';
  92 + ins += ' <br><br><br>';
  93 + ins += ' <input id=i3GEOinseregraficobotao1 size=35 type=button value="mostrar legenda no mapa" />';
  94 + ins += ' <div id=i3GEOinseregraficomen1 style=top:10px;left:1px >Marque os itens para compor as partes do gr&aacute;fico: Edite os valores de cor (R,G,B) conforme o desejado. Ap&oacute;s escolher os itens, clique no elemento do mapa para inserir o gr&aacute;fico.</div>';
  95 + ins += ' </div>';
  96 + ins += ' <div class=guiaobj id="i3GEOinseregraficoguia2obj" style="left:1px;display:none;">';
  97 + ins += ' <table summary="" class=lista width="70%">';
  98 + ins += ' <tr> ';
  99 + ins += ' <td>Tamanho do círculo:</td>';
  100 + ins += ' <td><input onclick="javascript:this.select();" style="cursor:text" size=4 class=digitar type="text" id=i3GEOinseregraficow value="50" /></td>';
  101 + ins += ' </tr><tr><td></td><td>&nbsp;</td></tr>';
  102 + ins += ' <tr>';
  103 + ins += ' <td>Inclina&ccedil;&atilde;o do círculo:</td>';
  104 + ins += ' <td><input onclick="javascript:this.select();" style="cursor:text" size=4 class=digitar type="text" id=i3GEOinseregraficoinclinacao value="1.5" /></td>';
  105 + ins += ' </tr><tr><td></td><td>&nbsp;</td></tr>';
  106 + ins += ' <tr>';
  107 + ins += ' <td>Tamanho da sombra:</td>';
  108 + ins += ' <td><input onclick="javascript:this.select();" style="cursor:text" size=4 class=digitar type="text" id=i3GEOinseregraficosombra value="5" /></td>';
  109 + ins += ' </tr><tr><td></td><td>&nbsp;</td></tr>';
  110 + ins += ' </table>';
  111 + ins += ' </div>';
  112 + ins += ' <div class=guiaobj id="i3GEOinseregraficoguia3obj" style="left:1px;display:none;">';
  113 +
  114 + ins += ' </div>';
  115 + ins += '</div> ';
  116 + return ins;
  117 + },
  118 + /*
  119 + Function: criaJanelaFlutuante
  120 +
  121 + Cria a janela flutuante para controle da ferramenta.
  122 + */
  123 + criaJanelaFlutuante: function(){
  124 + var minimiza,cabecalho,janela,divid,temp,titulo;
  125 + //funcao que sera executada ao ser clicado no cabeçalho da janela
  126 + cabecalho = function(){
  127 + i3GEOF.insereGrafico.ativaFoco();
  128 + };
  129 + minimiza = function(){
  130 + var temp = $i("i3GEOF.insereGrafico_corpo");
  131 + if(temp){
  132 + if(temp.style.display === "block")
  133 + {temp.style.display = "none";}
  134 + else
  135 + {temp.style.display = "block";}
  136 + }
  137 + };
  138 + //cria a janela flutuante
  139 + titulo = "Insere grafico <a class=ajuda_usuario target=_blank href='" + i3GEO.configura.locaplic + "/ajuda_usuario.php?idcategoria=8&idajuda=80' >&nbsp;&nbsp;&nbsp;</a>";
  140 + janela = i3GEO.janela.cria(
  141 + "400px",
  142 + "300px",
  143 + "",
  144 + "",
  145 + "",
  146 + titulo,
  147 + "i3GEOF.insereGrafico",
  148 + false,
  149 + "hd",
  150 + cabecalho,
  151 + minimiza
  152 + );
  153 + divid = janela[2].id;
  154 +
  155 + if(i3GEO.eventos.MOUSECLIQUE.toString().search("i3GEOF.insereGrafico.insere()") < 0)
  156 + {i3GEO.eventos.MOUSECLIQUE.push("i3GEOF.insereGrafico.insere()");}
  157 + temp = function(){
  158 + i3GEO.eventos.MOUSECLIQUE.remove("i3GEOF.insereGrafico.insere()");
  159 + };
  160 + YAHOO.util.Event.addListener(janela[0].close, "click", temp);
  161 + i3GEOF.insereGrafico.inicia(divid);
  162 + },
  163 + /*
  164 + Function: ativaFoco
  165 +
  166 + Refaz a interface da ferramenta quando a janela flutuante tem seu foco ativado
  167 + */
  168 + ativaFoco: function(){
  169 + if(g_tipoacao !== 'inseregrafico'){
  170 + i3GEO.barraDeBotoes.ativaIcone("inseregrafico");
  171 + g_tipoacao='inseregrafico';
  172 + g_operacao='inseregrafico';
  173 + temp = Math.random() + "a";
  174 + temp = temp.split(".");
  175 + g_nomepin = "pin"+temp[1];
  176 + i3GEOF.insereGrafico.comboTemas();
  177 + $i("i3GEOinseregraficolistai").innerHTML = "";
  178 + }
  179 + },
  180 + /*
  181 + Function: insere
  182 +
  183 + Insere um grafico no mapa na posição clicada
  184 +
  185 + O ponto é obtidos do objeto objposicaocursor e os demais parâmetros da janela interna aberta no iframe "wdocai"
  186 + */
  187 + insere: function(){
  188 + if (g_tipoacao === "inseregrafico"){
  189 + var tema = $i("i3GEOinseregraficotemasLigados").value,
  190 + width = $i("i3GEOinseregraficow").value,
  191 + inclinacao = $i("i3GEOinseregraficoinclinacao").value,
  192 + shadow_height = $i("i3GEOinseregraficosombra").value,
  193 + itens;
  194 + if (tema === ""){alert("Nenhum tema definido para pegar os dados");}
  195 + else{
  196 + itens = i3GEOF.insereGrafico.pegaItensMarcados();
  197 + if (itens === "")
  198 + {alert("Nenhum item foi escolhido");}
  199 + else{
  200 + i3GEO.janela.abreAguarde("i3GEO.atualiza",$trad("o1"));
  201 + i3GEO.contadorAtualiza++;
  202 + i3GEO.php.insereSHPgrafico(i3GEO.atualiza,tema,objposicaocursor.ddx,objposicaocursor.ddy,itens,shadow_height,width,inclinacao);
  203 + }
  204 + }
  205 + }
  206 + },
  207 + /*
  208 + Function: comboTemas
  209 +
  210 + Cria o combo com os temas disponíveis (temas ligados) para adição dos gráficos.
  211 + */
  212 + comboTemas: function(){
  213 + i3GEO.util.comboTemasLigados(
  214 + "i3GEOinseregraficotemasLigados",
  215 + function(retorno){
  216 + $i("i3GEOinseregraficotemasi").innerHTML = retorno.dados;
  217 + if ($i("i3GEOinseregraficotemasLigados")){
  218 + $i("i3GEOinseregraficotemasLigados").onchange = function(){
  219 + $i("i3GEOinseregraficolistai").innerHTML = "<p style=color:red >Aguarde...<br>";
  220 + i3GEO.php.listaItensTema(i3GEOF.insereGrafico.listaItens,$i("i3GEOinseregraficotemasLigados").value);
  221 + i3GEO.temaAtivo = $i("i3GEOinseregraficotemasLigados").value;
  222 + };
  223 + }
  224 + if(i3GEO.temaAtivo !== ""){
  225 + $i("i3GEOinseregraficotemasLigados").value = i3GEO.temaAtivo;
  226 + $i("i3GEOinseregraficotemasLigados").onchange.call();
  227 + }
  228 + },
  229 + "i3GEOinseregraficotemasi"
  230 + );
  231 + },
  232 + /*
  233 + Function: listaItens
  234 +
  235 + Monta a listagem de itens de um tema com a opção de seleção de cor
  236 +
  237 + Parametro:
  238 +
  239 + retorno {JSON}
  240 + */
  241 + listaItens: function(retorno){
  242 + try{
  243 + var i,
  244 + n,
  245 + ins = [];
  246 + n = retorno.data.valores.length;
  247 + ins.push("<table class=lista >");
  248 + for (i=0;i<n; i++){
  249 + ins.push("<tr><td><input size=2 style='cursor:pointer' name="+retorno.data.valores[i].item+" type=checkbox id=i3GEOinseregrafico"+retorno.data.valores[i].item+" /></td>");
  250 + ins.push("<td>&nbsp;"+retorno.data.valores[i].item+"</td>");
  251 + ins.push("<td>&nbsp;<input onclick='javascript:this.select();' id=i3GEOinseregrafico"+retorno.data.valores[i].item+"cor type=text size=13 value="+i3GEO.util.randomRGB()+" /></td>");
  252 + ins.push("<td>&nbsp;<img style=cursor:pointer src='"+i3GEO.configura.locaplic+"/imagens/aquarela.gif' onclick=\"i3GEOF.insereGrafico.corj('i3GEOinseregrafico"+retorno.data.valores[i].item+"cor')\" /></td></tr>");
  253 + }
  254 + ins.push("</table>");
  255 + $i("i3GEOinseregraficolistai").innerHTML = ins.join("");
  256 + }
  257 + catch(e)
  258 + {$i("i3GEOinseregraficolistai").innerHTML = "<p style=color:red >Ocorreu um erro "+e+"<br>";}
  259 + },
  260 + /*
  261 + Function: corj
  262 +
  263 + Abre a janela para o usuário selecionar uma cor interativamente
  264 + */
  265 + corj: function(obj)
  266 + {i3GEO.util.abreCor("",obj);},
  267 + /*
  268 + Function: pegaItensMarcados
  269 +
  270 + Recupera os itens que foram marcados e monta uma lista para enviar como parâmetro para a função de geração dos gráficos
  271 + */
  272 + pegaItensMarcados: function(){
  273 + var listadeitens = [],
  274 + inputs = $i("i3GEOinseregraficolistai").getElementsByTagName("input"),
  275 + i,
  276 + it,
  277 + c,
  278 + n;
  279 + n = inputs.length;
  280 + for (i=0;i<n; i++)
  281 + {
  282 + if (inputs[i].checked === true)
  283 + {
  284 + it = inputs[i].id;
  285 + c = $i(it+"cor").value;
  286 + listadeitens.push(it.replace("i3GEOinseregrafico","")+","+c);
  287 + }
  288 + }
  289 + return(listadeitens.join("*"));
  290 + },
  291 + /*
  292 + Function: legenda
  293 +
  294 + Mostra a legenda no mapa do último gráfico inserido
  295 + */
  296 + legenda: function(){
  297 + var par = i3GEOF.insereGrafico.pegaItensMarcados(),
  298 + temp,
  299 + i,
  300 + t,
  301 + w;
  302 + try
  303 + {
  304 + temp = par.split("*");
  305 + par = "<table>";
  306 + i = temp.length-1;
  307 + if(i >= 0)
  308 + {
  309 + do
  310 + {
  311 + t = temp[i];
  312 + t = t.split(",");
  313 + par += "<tr style='text-align:left'><td style='background-color:rgb("+t[1]+","+t[2]+","+t[3]+")'>&nbsp;&nbsp;</td><td style='text-align:left'>"+t[0]+"</td></tr>";
  314 + }
  315 + while(i--);
  316 + }
  317 + par += "</table>";
  318 + w = i3GEO.janela.cria(200,200,"","center","center","Legenda","FlegendaGr");
  319 + w = w[2].id;
  320 + $i(w).innerHTML = par;
  321 + }
  322 + catch(e){alert("Ocorreu um erro. legendaGrafico"+e);}
  323 + }
  324 +};
  325 +<?php if(extension_loaded('zlib')){ob_end_flush();}?>
0 326 \ No newline at end of file
... ...