Commit fc65ac4d4dc74a9cae6c1c63973d6619d9349116
1 parent
cfb09f84
Exists in
master
and in
7 other branches
Nova classe javascript para funções voltadas para redes sociais
Showing
12 changed files
with
135 additions
and
43 deletions
Show diff stats
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+"&layout=button_count&show_faces=false&width=200&action=like&colorscheme=light&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+"&layout=button_count&show_faces=false&width=200&action=like&colorscheme=light&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 | // | ... | ... |
... | ... | @@ -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+"&layout=button_count&show_faces=false&width=200&action=like&colorscheme=light&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+"&layout=button_count&show_faces=false&width=55&action=like&colorscheme=light&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("classe_php.js","compactados/classe_php_compacto.js","Normal"); |
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
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+"&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&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+"&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&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("/ogc.htm"); |
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+"&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&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"; | ... | ... |