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 767 if(ltema.permitecomentario.toLowerCase() !== "nao" && i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios == true)
768 768 {
769 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 771 d = {html:tnome};
772 772 iconesNode = new YAHOO.widget.HTMLNode(d, node, false,true);
773 773 iconesNode.enableHighlight = false;
... ...
classesjs/classe_arvoredetemas.js
... ... @@ -1277,7 +1277,7 @@ i3GEO.arvoreDeTemas = {
1277 1277 tempNode.isLeaf = true;
1278 1278 }
1279 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 1281 tempNode = new YAHOO.widget.HTMLNode({html:html}, node, false,true);
1282 1282 tempNode.enableHighlight = false;
1283 1283 tempNode.isLeaf = true;
... ...
classesjs/classe_interface.js
... ... @@ -111,11 +111,24 @@ i3GEO.Interface = {
111 111 /*
112 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 126 Tipo:
117 127 {string}
118 128  
  129 + Valores:
  130 + {geral|openlayers|flamingo|googlemaps|googleearth}
  131 +
119 132 Default:
120 133 {"padrao"}
121 134 */
... ... @@ -277,21 +290,20 @@ i3GEO.Interface = {
277 290 */
278 291 inicia: function(w,h){
279 292 if(typeof(console) !== 'undefined'){console.info("i3GEO.Interface.inicia()");}
280   - var temp;
281 293 //
282 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 300 i3GEO.gadgets.quadros.inicia(10);
289 301 i3GEO.gadgets.quadros.grava("extensao",i3GEO.parametros.extentTotal);
290 302 i3GEO.gadgets.mostraBuscaRapida();
291 303 i3GEO.gadgets.mostraVersao();
292 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 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 @@
  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 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 1987 Function: intersectaBox
2010 1988  
2011 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 79 packer("classe_interface.js","compactados/classe_interface_compacto.js","Normal");
80 80 packer("classe_i3geo.js","compactados/classe_i3geo_compacto.js","Normal");
81 81 packer("dicionario_ajuda.js","compactados/dicionario_ajuda_compacto.js","Normal");
  82 +packer("classe_social.js","compactados/classe_social_compacto.js","Normal");
82 83 //packer("../ferramentas/funcoes.js","../ferramentas/funcoes_compacto.js","Normal");
83 84 packer("../pacotes/yui270/build/container/container.js","../pacotes/yui270/build/container/container_compacto.js","Normal");
84 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 140 "compactados/classe_arvoredetemas_compacto.js",
140 141 "compactados/classe_barradebotoes_compacto.js",
141 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 147 $buffer .= "\$i = function(id){return document.getElementById(id);};\n";
... ...
classesjs/i3geonaocompacto.js
... ... @@ -53,6 +53,7 @@ var jsfiles = new Array(
53 53 "classe_guias.js",
54 54 "classe_arvoredecamadas.js",
55 55 "classe_navega.js",
  56 +"classe_social.js",
56 57 //"classe_selecao.js", depreciado
57 58 "classe_eventos.js",
58 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 92 g_RSSl = new Array("");
93 93 i3GEO.idioma.IDSELETOR = "bandeiras";
94 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 99 DDinicia()
99 100 </script>
... ...
ferramentas/comentarios/index.php
... ... @@ -114,5 +114,5 @@ function converte($texto){
114 114 <script>
115 115 i3GEO.configura = {"locaplic": "<?php echo $_SESSION["locaplic"];?>"};
116 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 118 </script>
119 119 \ No newline at end of file
... ...
geradordelinks.htm
... ... @@ -118,8 +118,9 @@ File: i3geo/geradordelinks.htm
118 118  
119 119 var g_locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
120 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 125 var i3geo_gl_configura = new i3geo_gl_configura(
125 126 g_locaplic,
... ...
interface/openlayers.htm
... ... @@ -89,9 +89,8 @@
89 89 Nesse div são incluídos os ícones que permitem ao usuário modificar o visual de cores dos ícones
90 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 94 <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
96 95 <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
97 96 </td>
... ...
ogc.htm
... ... @@ -77,8 +77,8 @@ g_locaplic = loc.split(&quot;/ogc.htm&quot;);
77 77 g_locaplic = g_locaplic[0]
78 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 83 g_arvoreClicks = ""
84 84 i3GEO.idioma.IDSELETOR = "bandeiras";
... ...