Widget em pop-up

Publicado por em 08/05/2013 às 16h02

Primeiro vamos criar nosso widget, neste exemplo vou colocar uma playlist que criei no site groveshark.com, lá eles oferecem uma versão para ser incorporada em meu site, basta copiar todo o código fornecido em um novo widget no SitePX.
Depois, clicando para editar o widget cadastrado, repare que temos o endereço do widget, no caso deste exemplo temos:

http://css.sitepx.com/_widget/ODVmYw%3D%3D

Agora temos que criar o link para abrir este widget em um pop-up. Para ficar igual a este aqui .

Vejamos como foi feito o link:

javascript:window.open('http://css.sitepx.com/_widget/ODVmYw%3D%3D', 'player', 'width=250, height=250');void(0);

Estamos chamando uma função javascript window.open que precisa de 3 parametros para funcionar, o primeiro o endereço que deve ser aberto, o segundo, o nome que vamos dar ao pop, e finalmente o terceiro com os parametros que queremos para este pop.
Neste exemplo estamos abrindo um pop com as dimensões 250px por 250px que é o tamanho do nosso widget. Para isto a largura (width) precisa ter o valor 250 e a altura (height) também precisa ter o valor de 250. Ao final executamos void(0) que funciona para avisar o navegador que este link não tem retorno, ou seja, para manter o usuário na página em que ele estava antes de clicar para abrir o pop-up.

voltar para Tutoriais

left show tsN fwR fsN|left tsN b01e fwR bsd show|left fwR tsN show|bnull||image-wrap|news login c05|fsN fwR normalcase tsN|c05|login news fwR normalcase|tsN fwR normalcase|normalcase fwR c05|content-inner||