Abrir uma Window Modal quando abrir o site

window-modal-auto-open-joomla

Essa aqui é uma dica que tive um pouco de dificuldade pra conseguir, por isso estou compartilhando o conhecimento com os leitores do blog.

O problema

O cliente me pediu que ao abrir o site, fosse aberta uma janela com um vídeo do youtube. Pensei comigo, vou usar algum módulo do Joomla pra isso, lá fui eu pesquisar no extensions. Acabei chegando em algumas soluções, porém a que me serviu perfeitamente foi a MooPopUp logo de cara me serviu muito bem, fiz a modificação de design e coloquei pra funcionar.

Porém depois de a solução estar no ar descobri um problema, quando a pessoa dava o play no vídeo e fechava a janela, o vídeo continuava rodando. Isso acontecia por que a janela simplesmente era setada como display:none, e por isso o vídeo continuava a rodar.

Porém eu sabia que a solução de modal window nativa do Joomla funcionava como um Iframe, logo quando eu fechasse a janela fecharia automáticamente o vídeo. Agora só precisava descobrir como fazer pra abrir um modal window do Joomla logo que a página fosse carregada, depois de muito pesquisar no Google, e pedir uma ajudinha do Júlio Pontes cheguei numa solução.

A solução

<?php
$js = 'window.addEvent(\'domready\', function(){SqueezeBox.setContent(\'iframe\',\'http://www.ronildo.com.br/blog/\')});';
JHTML::_('behavior.mootools');
JHTML::_('behavior.modal');
$doc =& JFactory::getDocument();
$doc->addScriptDeclaration($js);
?>

Isso mesmo, 5 linhas de código e os meus problemas foram resolvidos.

Adicionem o código acima dentro da tag head do index.php do template em uso.
Notem, onde tem a URL do meu blog, vocês podem usar a URL que quiser.

Sugestões por favor coloquem nos comentários!

Comentários
  • avatar

    José Roberto escreveu em 06/11/2010 às 18:52:28

    Em que arquivo este código deve ser inserido, no MooPopUp?

  • avatar

    José Roberto escreveu em 06/11/2010 às 18:54:40

    Ops... na tag head do index.php do template... pulei essa....

  • avatar

    Lelo Morais escreveu em 06/11/2010 às 18:58:43

    Com certeza ela irá servir pra muita gente Ronildo... obrigado pela dica

  • avatar

    José Roberto escreveu em 06/11/2010 às 19:07:36

    Testei e achei só um incoveniente. Qualquer outra página que você for abrir do site, a janela abrirá novamente. Uma solução ideal seria que a janela abrisse somente quando fosse acessada a página inicial. Há como fazer isto com esta solução?

  • avatar

    gnumax escreveu em 07/11/2010 às 19:03:20

    Obrigado Ronildo, você sempre ajudando. Saudações

  • avatar

    Ronildo Costa escreveu em 08/11/2010 às 13:16:02

    @José Roberto Cara isso é só você fazer um if básica pra saber se está na home, estando na home, você coloca o código. Usando o post do fititnt você pode conseguir fazer isso que você quer. http://www.fititnt.org/codigo/joomla/if.html

  • avatar

    José Roberto escreveu em 02/12/2010 às 20:32:22

    Peguei a dica no link citado em http://www.fititnt.org/codigo/joomla/if.html e para que o Windows Modal abra apenas na página inicial:

  • avatar

    José Roberto escreveu em 03/12/2010 às 10:46:27

    Onde modifico para que eu possa definir o tamanho da janela?

  • avatar

    Wedson escreveu em 20/12/2010 às 21:42:22

    Muito bom mesmo! Dá pra usar como publicidade! Tem como fazer uma publicidade flutuante no joomla? Um fly!

  • avatar

    Ronildo Costa escreveu em 21/12/2010 às 09:46:41

    @José Roberto, putz precisaria dar uma pesquisadinha pra ver como fazer. @Wedson, sim tem como... inclusive o link que coloquei no post é de um módulo pra Joomla que faz isso.

  • avatar

    Elan Drumond escreveu em 09/05/2011 às 15:50:12

    Excelente artigo, tirou várias dúvidas a respeito do assunto.

  • avatar

    Edson escreveu em 25/10/2011 às 21:44:54

    Legal isso, será que tem como jogar um menu ai para que ele fique sempre visível na pagina? pode dar uma dica?

  • avatar

    Roni escreveu em 25/10/2011 às 21:49:24

    Se tem como?? Sim tem... só vai precisar ver como vc quer fazer isso... mas que tem como tem...

  • avatar

    Tito Junior escreveu em 01/12/2011 às 10:05:34

    Muito bom o artigo, gostaria de saber como faço para setar o tamanho que a janela sera aberta? estava vendo alguns post na net me parece que é assim ...,size{x=100, y=100} alguém já consegui-o isso ai?

  • avatar

    Acacio Jr. escreveu em 05/04/2012 às 11:44:17

    Show, parabéns, da pesquisa que fiz foi o mais prático. Obrigada pela colaboração Ronildo.

Escrever Comentário



Para ter sua foto no comentário faça o seu cadastro no site Gravatar.