Commit fc65ac4d4dc74a9cae6c1c63973d6619d9349116

Authored by Edmar Moretti
1 parent cfb09f84

Nova classe javascript para funções voltadas para redes sociais

classesjs/classe_arvoredecamadas.js
@@ -767,7 +767,7 @@ i3GEO.arvoreDeCamadas = { @@ -767,7 +767,7 @@ i3GEO.arvoreDeCamadas = {
767 if(ltema.permitecomentario.toLowerCase() !== "nao" && i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios == true) 767 if(ltema.permitecomentario.toLowerCase() !== "nao" && i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios == true)
768 { 768 {
769 temp = i3GEO.configura.locaplic+"/ms_criamapa.php?layers="+ltema.name; 769 temp = i3GEO.configura.locaplic+"/ms_criamapa.php?layers="+ltema.name;
770 - tnome = "<iframe src='http://www.facebook.com/plugins/like.php?href="+temp+"&amp;layout=button_count&amp;show_faces=false&amp;width=200&amp;action=like&amp;colorscheme=light&amp;height=21' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:200px; height:21px;' allowTransparency='true'></iframe>"; 770 + tnome = i3GEO.social.compartilhar("",temp,temp,"semtotal");
771 d = {html:tnome}; 771 d = {html:tnome};
772 iconesNode = new YAHOO.widget.HTMLNode(d, node, false,true); 772 iconesNode = new YAHOO.widget.HTMLNode(d, node, false,true);
773 iconesNode.enableHighlight = false; 773 iconesNode.enableHighlight = false;
classesjs/classe_arvoredetemas.js
@@ -1277,7 +1277,7 @@ i3GEO.arvoreDeTemas = { @@ -1277,7 +1277,7 @@ i3GEO.arvoreDeTemas = {
1277 tempNode.isLeaf = true; 1277 tempNode.isLeaf = true;
1278 } 1278 }
1279 if(i3GEO.arvoreDeTemas.OPCOESADICIONAIS.bookmark === true){ 1279 if(i3GEO.arvoreDeTemas.OPCOESADICIONAIS.bookmark === true){
1280 - html = i3GEO.util.bookmark(i3GEO.configura.locaplic+"/ms_criamapa.php?layers="+node.data.idtema); 1280 + html = i3GEO.social.bookmark(i3GEO.configura.locaplic+"/ms_criamapa.php?layers="+node.data.idtema);
1281 tempNode = new YAHOO.widget.HTMLNode({html:html}, node, false,true); 1281 tempNode = new YAHOO.widget.HTMLNode({html:html}, node, false,true);
1282 tempNode.enableHighlight = false; 1282 tempNode.enableHighlight = false;
1283 tempNode.isLeaf = true; 1283 tempNode.isLeaf = true;
classesjs/classe_interface.js
@@ -111,11 +111,24 @@ i3GEO.Interface = { @@ -111,11 +111,24 @@ i3GEO.Interface = {
111 /* 111 /*
112 Propriedade: ATUAL 112 Propriedade: ATUAL
113 113
114 - Interface atual em uso. 114 + Interface utilizada na criação e controle do mapa.
  115 +
  116 + Veja como usar nos arquivos de apresentação do mapa existentes no diretório i3geo/interface
  117 +
  118 + O i3Geo, além da interface própria, permite o uso de outras APIs
  119 + para a construção do mapa, como Google Maps ou Openlayers. Essa propriedade define qual interface será usada.
  120 + Não confundir com o nome do HTML que é utilizado para mostrar o mapa.
  121 +
  122 + Para definir a interface, utilize
  123 +
  124 + i3GEO.Interface.ATUAL = "<valor>"
115 125
116 Tipo: 126 Tipo:
117 {string} 127 {string}
118 128
  129 + Valores:
  130 + {geral|openlayers|flamingo|googlemaps|googleearth}
  131 +
119 Default: 132 Default:
120 {"padrao"} 133 {"padrao"}
121 */ 134 */
@@ -277,21 +290,20 @@ i3GEO.Interface = { @@ -277,21 +290,20 @@ i3GEO.Interface = {
277 */ 290 */
278 inicia: function(w,h){ 291 inicia: function(w,h){
279 if(typeof(console) !== 'undefined'){console.info("i3GEO.Interface.inicia()");} 292 if(typeof(console) !== 'undefined'){console.info("i3GEO.Interface.inicia()");}
280 - var temp;  
281 // 293 //
282 //inicialização que afeta todas as interfaces 294 //inicialização que afeta todas as interfaces
283 // 295 //
284 - if($i("i3GEOcurtirFB")){  
285 - temp = window.location.href.split("?")[0];  
286 - $i("i3GEOcurtirFB").innerHTML = "<iframe src='http://www.facebook.com/plugins/like.php?href="+temp+"&amp;layout=button_count&amp;show_faces=false&amp;width=200&amp;action=like&amp;colorscheme=light&amp;height=21' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:220px; height:21px;' allowTransparency='true'></iframe>";  
287 - } 296 + var temp = window.location.href.split("?")[0];
  297 + if($i("i3GEOcompartilhar"))
  298 + {i3GEO.social.compartilhar("i3GEOcompartilhar",temp,temp);}
  299 +
288 i3GEO.gadgets.quadros.inicia(10); 300 i3GEO.gadgets.quadros.inicia(10);
289 i3GEO.gadgets.quadros.grava("extensao",i3GEO.parametros.extentTotal); 301 i3GEO.gadgets.quadros.grava("extensao",i3GEO.parametros.extentTotal);
290 i3GEO.gadgets.mostraBuscaRapida(); 302 i3GEO.gadgets.mostraBuscaRapida();
291 i3GEO.gadgets.mostraVersao(); 303 i3GEO.gadgets.mostraVersao();
292 i3GEO.guias.cria(); 304 i3GEO.guias.cria();
293 - if($i("arvoreAdicionaTema"))  
294 - {i3GEO.arvoreDeTemas.cria(i3GEO.configura.sid,i3GEO.configura.locaplic,"arvoreAdicionaTema");} 305 + //if($i("arvoreAdicionaTema"))
  306 + //{i3GEO.arvoreDeTemas.cria(i3GEO.configura.sid,i3GEO.configura.locaplic,"arvoreAdicionaTema");}
295 // 307 //
296 //esse id é utilizado apenas para manter o mapa não visível até que tudo seja montado 308 //esse id é utilizado apenas para manter o mapa não visível até que tudo seja montado
297 // 309 //
classesjs/classe_social.js 0 → 100644
@@ -0,0 +1,98 @@ @@ -0,0 +1,98 @@
  1 +/*jslint plusplus:false,white:false,undef: false, rhino: true, onevar: true, evil: true */
  2 +/*
  3 +Title: Social
  4 +
  5 +Arquivo:
  6 +
  7 +i3geo/classesjs/classe_social.js
  8 +
  9 +Licenca:
  10 +
  11 +GPL2
  12 +
  13 +i3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet
  14 +
  15 +Direitos Autorais Reservados (c) 2006 Ministério do Meio Ambiente Brasil
  16 +Desenvolvedor: Edmar Moretti edmar.moretti@mma.gov.br
  17 +
  18 +Este programa é software livre; você pode redistribuí-lo
  19 +e/ou modificá-lo sob os termos da Licença Pública Geral
  20 +GNU conforme publicada pela Free Software Foundation;
  21 +
  22 +Este programa é distribuído na expectativa de que seja útil,
  23 +porém, SEM NENHUMA GARANTIA; nem mesmo a garantia implícita
  24 +de COMERCIABILIDADE OU ADEQUAÇÃO A UMA FINALIDADE ESPECÍFICA.
  25 +Consulte a Licença Pública Geral do GNU para mais detalhes.
  26 +Você deve ter recebido uma cópia da Licença Pública Geral do
  27 +GNU junto com este programa; se não, escreva para a
  28 +Free Software Foundation, Inc., no endereço
  29 +59 Temple Street, Suite 330, Boston, MA 02111-1307 USA.
  30 +*/
  31 +if(typeof(i3GEO) === 'undefined'){
  32 + i3GEO = [];
  33 +}
  34 +/*
  35 +Classe: i3GEO.social
  36 +
  37 +Opções de compartilhamento e uso de redes sociais.
  38 +*/
  39 +i3GEO.social = {
  40 + curtirFacebook: function(url,tipo){
  41 + if(tipo == "comtotal")
  42 + {return "<iframe src='http://www.facebook.com/plugins/like.php?href="+url+"&amp;layout=button_count&amp;show_faces=false&amp;width=200&amp;action=like&amp;colorscheme=light&amp;height=21' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:200px; height:21px;' allowTransparency='true'></iframe>";}
  43 + if(tipo == "semtotal")
  44 + {return "<iframe src='http://www.facebook.com/plugins/like.php?href="+url+"&amp;layout=button_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;colorscheme=light&amp;height=21' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:55px; height:21px;' allowTransparency='true'></iframe>";}
  45 + },
  46 + publicarTwitter: function(url,tipo){
  47 + if(tipo == "comtotal")
  48 + {return '<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?count=horizontal&via=i3geo&url='+url+'" style="width:100px; height:21px;"></iframe>';}
  49 + if(tipo == "semtotal")
  50 + {return '<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?count=none&via=i3geo&url='+url+'" style="width:55px; height:21px;"></iframe>';}
  51 + },
  52 + compartilhar: function(id,urlcf,urlpt,tipo){
  53 + if(!tipo)
  54 + {tipo = "comtotal";}
  55 + var onde = $i(id),
  56 + tabela = "";
  57 + if(tipo == "comtotal")
  58 + {tabela += "<table style='width:250px' ><tr>";}
  59 + if(tipo == "semtotal")
  60 + {tabela += "<table style='width:115px' ><tr>";}
  61 + if(onde || id == ""){
  62 + if(urlpt !== ""){
  63 + tabela += "<td>"+i3GEO.social.publicarTwitter(urlpt,tipo)+"</td>";
  64 + }
  65 + if(urlcf !== ""){
  66 + tabela += "<td>"+i3GEO.social.curtirFacebook(urlcf,tipo)+"</td>";
  67 + }
  68 + tabela += "</tr></table>";
  69 + if(id !== "")
  70 + {onde.innerHTML = tabela;}
  71 + return tabela;
  72 + }
  73 + else
  74 + {return false;}
  75 + },
  76 + /*
  77 + Function: bookmark
  78 +
  79 + Cria os botões de bookmark em redes sociais
  80 +
  81 + Gera o HTML contendo as tags IMG com os links
  82 +
  83 + Parametro:
  84 +
  85 + link {string} - link que será marcado
  86 +
  87 + Return:
  88 +
  89 + HTML com os botões
  90 + */
  91 + bookmark: function(link){
  92 + ins = "<img src='"+i3GEO.configura.locaplic+"/imagens/delicious.gif' onclick='javascript:window.open(\"http://del.icio.us/post?url="+link+"\")' title='Delicious'/> ";
  93 + ins += "<img src='"+i3GEO.configura.locaplic+"/imagens/digg.gif' onclick='javascript:window.open(\"http://digg.com/submit/post?url="+link+"\")' title='Digg'/> ";
  94 + ins += "<img src='"+i3GEO.configura.locaplic+"/imagens/facebook.gif' onclick='javascript:window.open(\"http://www.facebook.com/sharer.php?u="+link+"\")' title='Facebook'/> ";
  95 + ins += "<img src='"+i3GEO.configura.locaplic+"/imagens/stumbleupon.gif' onclick='javascript:window.open(\"http://www.stumbleupon.com/submit?url="+link+"\")' title='StumbleUpon'/>";
  96 + return ins;
  97 + },
  98 +};
classesjs/classe_util.js
@@ -1984,28 +1984,6 @@ i3GEO.util = { @@ -1984,28 +1984,6 @@ i3GEO.util = {
1984 i3GEO.util.scriptTag(js,"i3GEOF."+nome+".criaJanelaFlutuante()","i3GEOF."+nome+"_script"); 1984 i3GEO.util.scriptTag(js,"i3GEOF."+nome+".criaJanelaFlutuante()","i3GEOF."+nome+"_script");
1985 }, 1985 },
1986 /* 1986 /*
1987 - Function: bookmark  
1988 -  
1989 - Cria os botões de bookmark em redes sociais  
1990 -  
1991 - Gera o HTML contendo as tags IMG com os links  
1992 -  
1993 - Parametro:  
1994 -  
1995 - link {string} - link que será marcado  
1996 -  
1997 - Return:  
1998 -  
1999 - HTML com os botões  
2000 - */  
2001 - bookmark: function(link){  
2002 - ins = "<img src='"+i3GEO.configura.locaplic+"/imagens/delicious.gif' onclick='javascript:window.open(\"http://del.icio.us/post?url="+link+"\")' title='Delicious'/> ";  
2003 - ins += "<img src='"+i3GEO.configura.locaplic+"/imagens/digg.gif' onclick='javascript:window.open(\"http://digg.com/submit/post?url="+link+"\")' title='Digg'/> ";  
2004 - ins += "<img src='"+i3GEO.configura.locaplic+"/imagens/facebook.gif' onclick='javascript:window.open(\"http://www.facebook.com/sharer.php?u="+link+"\")' title='Facebook'/> ";  
2005 - ins += "<img src='"+i3GEO.configura.locaplic+"/imagens/stumbleupon.gif' onclick='javascript:window.open(\"http://www.stumbleupon.com/submit?url="+link+"\")' title='StumbleUpon'/>";  
2006 - return ins;  
2007 - },  
2008 - /*  
2009 Function: intersectaBox 1987 Function: intersectaBox
2010 1988
2011 Verifica se um retângulo está dentro de outro retângulo 1989 Verifica se um retângulo está dentro de outro retângulo
classesjs/compactajs.php
@@ -79,6 +79,7 @@ packer(&quot;classe_php.js&quot;,&quot;compactados/classe_php_compacto.js&quot;,&quot;Normal&quot;); @@ -79,6 +79,7 @@ packer(&quot;classe_php.js&quot;,&quot;compactados/classe_php_compacto.js&quot;,&quot;Normal&quot;);
79 packer("classe_interface.js","compactados/classe_interface_compacto.js","Normal"); 79 packer("classe_interface.js","compactados/classe_interface_compacto.js","Normal");
80 packer("classe_i3geo.js","compactados/classe_i3geo_compacto.js","Normal"); 80 packer("classe_i3geo.js","compactados/classe_i3geo_compacto.js","Normal");
81 packer("dicionario_ajuda.js","compactados/dicionario_ajuda_compacto.js","Normal"); 81 packer("dicionario_ajuda.js","compactados/dicionario_ajuda_compacto.js","Normal");
  82 +packer("classe_social.js","compactados/classe_social_compacto.js","Normal");
82 //packer("../ferramentas/funcoes.js","../ferramentas/funcoes_compacto.js","Normal"); 83 //packer("../ferramentas/funcoes.js","../ferramentas/funcoes_compacto.js","Normal");
83 packer("../pacotes/yui270/build/container/container.js","../pacotes/yui270/build/container/container_compacto.js","Normal"); 84 packer("../pacotes/yui270/build/container/container.js","../pacotes/yui270/build/container/container_compacto.js","Normal");
84 packer("../pacotes/yui270/build/container/container_core.js","../pacotes/yui270/build/container/container_core_compacto.js","Normal"); 85 packer("../pacotes/yui270/build/container/container_core.js","../pacotes/yui270/build/container/container_core_compacto.js","Normal");
@@ -139,7 +140,8 @@ $jsfiles = array( @@ -139,7 +140,8 @@ $jsfiles = array(
139 "compactados/classe_arvoredetemas_compacto.js", 140 "compactados/classe_arvoredetemas_compacto.js",
140 "compactados/classe_barradebotoes_compacto.js", 141 "compactados/classe_barradebotoes_compacto.js",
141 "../pacotes/richdraw/richdraw_tudo_compacto.js", 142 "../pacotes/richdraw/richdraw_tudo_compacto.js",
142 -"compactados/classe_gadgets_compacto.js" 143 +"compactados/classe_gadgets_compacto.js",
  144 +"compactados/classe_social_compacto.js"
143 ); 145 );
144 146
145 $buffer .= "\$i = function(id){return document.getElementById(id);};\n"; 147 $buffer .= "\$i = function(id){return document.getElementById(id);};\n";
classesjs/i3geonaocompacto.js
@@ -53,6 +53,7 @@ var jsfiles = new Array( @@ -53,6 +53,7 @@ var jsfiles = new Array(
53 "classe_guias.js", 53 "classe_guias.js",
54 "classe_arvoredecamadas.js", 54 "classe_arvoredecamadas.js",
55 "classe_navega.js", 55 "classe_navega.js",
  56 +"classe_social.js",
56 //"classe_selecao.js", depreciado 57 //"classe_selecao.js", depreciado
57 "classe_eventos.js", 58 "classe_eventos.js",
58 "classe_arvoredetemas.js", 59 "classe_arvoredetemas.js",
datadownload.htm
@@ -92,8 +92,9 @@ Se o array estiver vazio, será utilizado o default, baseado no sistema de admini @@ -92,8 +92,9 @@ Se o array estiver vazio, será utilizado o default, baseado no sistema de admini
92 g_RSSl = new Array(""); 92 g_RSSl = new Array("");
93 i3GEO.idioma.IDSELETOR = "bandeiras"; 93 i3GEO.idioma.IDSELETOR = "bandeiras";
94 i3GEO.idioma.mostraSeletor(); 94 i3GEO.idioma.mostraSeletor();
95 -$i("bm1").innerHTML = i3GEO.util.bookmark(window.location.href);  
96 -$i("curtir").innerHTML = "<iframe src='http://www.facebook.com/plugins/like.php?href="+window.location.href+"&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:100px; height:21px;' allowTransparency='true'></iframe>"; 95 +$i("bm1").innerHTML = i3GEO.social.bookmark(window.location.href);
  96 +loc = window.location.href;
  97 +i3GEO.social.compartilhar("curtir",loc,loc,"comtotal");
97 98
98 DDinicia() 99 DDinicia()
99 </script> 100 </script>
ferramentas/comentarios/index.php
@@ -114,5 +114,5 @@ function converte($texto){ @@ -114,5 +114,5 @@ function converte($texto){
114 <script> 114 <script>
115 i3GEO.configura = {"locaplic": "<?php echo $_SESSION["locaplic"];?>"}; 115 i3GEO.configura = {"locaplic": "<?php echo $_SESSION["locaplic"];?>"};
116 if(document.getElementById("bm")) 116 if(document.getElementById("bm"))
117 -{document.getElementById("bm").innerHTML = i3GEO.util.bookmark("<?php echo $_SESSION["locaplic"]."/ms_criamapa.php?layers=".$_SESSION["tema"];?>");} 117 +{document.getElementById("bm").innerHTML = i3GEO.social.bookmark("<?php echo $_SESSION["locaplic"]."/ms_criamapa.php?layers=".$_SESSION["tema"];?>");}
118 </script> 118 </script>
119 \ No newline at end of file 119 \ No newline at end of file
geradordelinks.htm
@@ -118,8 +118,9 @@ File: i3geo/geradordelinks.htm @@ -118,8 +118,9 @@ File: i3geo/geradordelinks.htm
118 118
119 var g_locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; 119 var g_locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
120 i3GEO.configura.locaplic = g_locaplic; 120 i3GEO.configura.locaplic = g_locaplic;
121 -$i("bm1").innerHTML = i3GEO.util.bookmark(window.location.href);  
122 -$i("curtir").innerHTML = "<iframe src='http://www.facebook.com/plugins/like.php?href="+window.location.href+"&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:100px; height:21px;' allowTransparency='true'></iframe>"; 121 +$i("bm1").innerHTML = i3GEO.social.bookmark(window.location.href);
  122 +loc = window.location.href;
  123 +i3GEO.social.compartilhar("curtir",loc,loc,"comtotal");
123 124
124 var i3geo_gl_configura = new i3geo_gl_configura( 125 var i3geo_gl_configura = new i3geo_gl_configura(
125 g_locaplic, 126 g_locaplic,
interface/openlayers.htm
@@ -89,9 +89,8 @@ @@ -89,9 +89,8 @@
89 Nesse div são incluídos os ícones que permitem ao usuário modificar o visual de cores dos ícones 89 Nesse div são incluídos os ícones que permitem ao usuário modificar o visual de cores dos ícones
90 <div id=visual ></div> 90 <div id=visual ></div>
91 --> 91 -->
92 - <!-- botão curtir do facebook -->  
93 - <div id="i3GEOcurtirFB" style="text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>  
94 - 92 + <!-- botão de compartilhamento em redes sociais -->
  93 + <div id=i3GEOcompartilhar style="text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>
95 <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> 94 <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
96 <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div> 95 <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
97 </td> 96 </td>
@@ -77,8 +77,8 @@ g_locaplic = loc.split(&quot;/ogc.htm&quot;); @@ -77,8 +77,8 @@ g_locaplic = loc.split(&quot;/ogc.htm&quot;);
77 g_locaplic = g_locaplic[0] 77 g_locaplic = g_locaplic[0]
78 i3GEO.configura.locaplic = g_locaplic 78 i3GEO.configura.locaplic = g_locaplic
79 79
80 -$i("bm1").innerHTML = i3GEO.util.bookmark(loc);  
81 -$i("curtir").innerHTML = "<iframe src='http://www.facebook.com/plugins/like.php?href="+loc+"&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:100px; height:21px;' allowTransparency='true'></iframe>"; 80 +$i("bm1").innerHTML = i3GEO.social.bookmark(loc);
  81 +i3GEO.social.compartilhar("curtir",loc,loc,"comtotal");
82 82
83 g_arvoreClicks = "" 83 g_arvoreClicks = ""
84 i3GEO.idioma.IDSELETOR = "bandeiras"; 84 i3GEO.idioma.IDSELETOR = "bandeiras";