O Widget ShareThis do SAPO permite, de uma forma simples, adicionar funcionalidades de partilha via serviços de link, mail ou impressão para pdf a uma página de um site

 

O Widget depende do Prototype e da LibSAPO.js e possui duas formas de invocação. A mais simples é utilizando o snippet:

 

    <script type="text/javascript" src="https://js.sapo.pt/Snippets/ShareThis.js"></script>

O botão para partilhar o conteúdo da página é adicionado automaticamente.

 

Para usar, por exemplo, num blog, e para prevenir o carregamento múltiplo das dependências nas páginas com listagens de vários artigos, a forma correcta é incluir as seguintes linhas no head do HTML:

 

    <script type="text/javascript" src="https://js.sapo.pt/Prototype/1.8/"></script>
    <script type="text/javascript" src="https://js.sapo.pt/SAPO/"></script>
    <script type="text/javascript" src="https://js.sapo.pt/SAPO/Widget/ShareThis/0.1/"></script>

O widget tem 4 modos de funcionamento (por omissão é usado o modo 3):

 

    * 0 => Mostra apenas os ícones dos serviços

    * 1 => Mostra apenas os nomes dos serviços

    * 2 => Mostra os nomes e os ícones dos serviços

    * 3 => Modo Tooltip

 

A chamada do widget pode ser feita inline:

 

    <script type="text/javascript">
	    new SAPO.Widget.ShareThis();
    </script>

Ou para incluir num determinado elemento do DOM:

 

    <script type="text/javascript">
    /**
    * A chamada é feita no dom:loaded do prototype para o elemento já estar disponivel.
    */
        Element.observe(document, 'dom:loaded',function(){  
            new SAPO.Widget.ShareThis({target: 'id_do_elemento'});
        });
    </script>

Como se pode ver no segundo exemplo, o widget recebe um objecto de inicialização para definição de algumas propriedades. As opções que esse objecto pode receber são descritas com mais detalhe no blog da LibSAPO.js, onde se encontram também alguns exemplos de utilização.

 

O widget pode ser visto em funcionamento neste mesmo blog (no final de cada post, no lado direito, encontra-se o botão "Partilhar").

Hoje divulgamos o material da apresentação Prototype e LibSAPO.js, realizada pelo Cláudio Gamboa na segunda SAPO Session.

 

Esta apresentação tinha como abstract "Introdução a frameworks. Tornar a vida mais fácil com Prototype e torná-la ainda mais fácil com a LibSAPO.js."

 

O Cláudio começou por apresentar a estrutura da LibSAPO.js, apresentou também o Prototype,

em que a LibSAPO.js se baseia, e terminou com exemplos das duas APIs e daquilo que se pode fazer com a LibSAPO.js

 

Os slides do Cláudio:

 

 

(para fazer download do PDF, ver em SlideShare)

 

O vídeo da apresentação:

 

 

(para ver em full screen, ver em SAPO Vídeos)

 

O Cláudio é programador de JavaScript no SAPO e é o criador e maintainer da LibSAPO.js.

 

A LibSAPO.js tem o seu blog oficial em http://libsapojs.blogs.sapo.pt/.

UPDATE: Os 15 lugares já foram atribuidos.

 

A segunda SAPO Session tem lugar já a 18 de Março, próxima Quarta-feira.

 

O tema para esta sessão é JavaScript e as apresentações são as seguintes:

• JavaScript for Beginners, por Pedro Eugénio

"JavaScript from the ground up. Sintaxe, boas práticas, metodologias e outras informações úteis."

• JavaScript done right, por André Luís

"Práticas de JavaScript menos conhecidas. Unobtrusive JavaScript, progressive enhancement vs. graceful degradation, HIJAX, incompatibilidades entre browsers e mais."

• Prototype & LibSAPO.js, por Cláudio Gamboa

"Introdução a frameworks. Tornar a vida mais fácil com Prototype e torná-la ainda mais fácil com a LibSAPO.js"

 

Desta feita temos 15 lugares reservados (a custo zero) para o público em geral. São para os primeiros quinze emails a chegar a saposessions em sapo ponto pt (e já os recebemos, pelo que não adiantará continuar a enviar emails).

 

A sessão tem lugar das 09:30 às 13:00 de Quarta-feira, 18 de Março de 2009.

 

Widget ShareThis

Prototype e LibSAPO.js

SAPO Session: JavaScript

Janeiro 2012

Dezembro 2011

Outubro 2011

Setembro 2011

Agosto 2011

Julho 2011

Junho 2011

Maio 2011

Abril 2011

Março 2011

Janeiro 2011

Outubro 2010

Setembro 2010

Agosto 2010

Julho 2010

Junho 2010

Maio 2010

Abril 2010

Março 2010

Fevereiro 2010

Janeiro 2010

Dezembro 2009

Novembro 2009

Outubro 2009

Setembro 2009

Agosto 2009

Julho 2009

Junho 2009

Maio 2009

Abril 2009

Março 2009

Fevereiro 2009

todas as tags