[Tutorial] Exibir uma janela Modal Em qualquer página Joomla

  • rldesign
  • Avatar de rldesign Autor do Tópico
  • Offline
  • JCB! Hero
  • JCB! Hero
Mais
12 anos 9 meses atrás #50870 por rldesign
rldesign created the topic: [Tutorial] Exibir uma janela Modal Em qualquer página Joomla
Você já se perguntou como abrir uma imagem ou uma página Joomla em um popup modal ( um daqueles em que escurece a página de fundo e uma carga nova página na frente )?



Para abrir um popup modal, primeiro você precisa se certificar que você tem direito de carregar javascript na página. Para fazer isso, abra o template e coloque a seguinte linha no <head>
JHTML::_('behavior.modal');

Isso carrega o código Joomla que mostra o pop-up.
Em seguida, você precisa escrever no link para abrir o conteúdo. Você pode fazer isso ou como um item de conteúdo Joomla ou apenas uma imagem. Vamos fazer o primeiro item de conteúdo.
Abra seu artigo conteúdos e encontrar o link que pretende abrir em um popup:
<a href="/component/content/31.html"> links to normal page </a>

Alterar isso para:
<a href="/component/content/31.html?tmpl=component&task=preview"> links to normal page </a>

Observe que temos uma classe adicionada ao link chamado " modal". Isto significa que o joomla vai encontrar nenhum link com essa classe e abrir o pop-up.Nos podemos ir um pouco mais longe e especificar o tamanho da popup:
<a href="/component/content/31.html?tmpl=component&task=preview" class="modal" rel="{handler: 'iframe', size: {x: 680, y: 370}}">link to a modal popup with a dimension of 680px by 370px</a>

Se você deseja modificar o modelo para o pop-up, procure na sua pasta de templates para o arquivo component.php. Este é o arquivo que está alvejando usando o componente = tmpl. Você pode então ajustar esse arquivo para se adequarem.
Se você quiser abrir uma imagem basta substituir a href = "" com o caminho para a imagem em tamanho maior.

Fonte: http://goo.gl/DBTNn

Rafael Santana
Web Designer | R&L Design - Desenvolvimento Gráfico e Sites

Please Entrar ou Registrar to join the conversation.


Mais
12 anos 9 meses atrás #50947 por abobre
abobre replied the topic: Re: [Tutorial] Exibir uma janela Modal Em qualquer página Joomla
Bacana o tutorial !

Abraços

Please Entrar ou Registrar to join the conversation.

Mais
12 anos 5 meses atrás #56615 por apcecim
apcecim replied the topic: Re: [Tutorial] Exibir uma janela Modal Em qualquer página Joomla
Olá boa tarde.
Queria um pouco mais de explicaçao nesse tutorial.
Nao entendi aonde eu coloco esse link pra aparecer a janela modal.
E como eu faço dpx pra configurar ela com o conteudo que eu quero?

POR FAVOR alguem me explica?
Aguardo uma resposta.
Att,
Annapaula

Please Entrar ou Registrar to join the conversation.

  • Frank Barraza
  • Avatar de Frank Barraza
  • Offline
  • JCB! Professional
  • JCB! Professional
Mais
5 anos 3 meses atrás #101298 por Frank Barraza
Frank Barraza replied the topic: [Tutorial] Exibir uma janela Modal Em qualquer página Joomla
North Face Jackets For Women
Nike Air Force 1
Pandora Jewelry
Skechers
Birkenstock Sandals
Air Max
New Jordans
Kate Spade Outlet
Vans Outlet
Chaussure Air Max 90
Kyrie 4
Birkenstock Sandals For Men
[url=http://www.nike--shoes.us.com/]Nike Shoes For Women[/url]
Michael Kors Canada
Red Bottom Shoes
Pandora Charm
Adidas Outlet
Lebron 15
Pandora Rings
Ralph Lauren Outlet
Christian Louboutin Shoes
Pandora Jewelry
Yeezy Boost 350
Pandora Rings
Moncler UK
Adidas NMD R1
Pandora Jewelry Official Site
Christian Louboutin
Kevin Durant Shoes
Nike Air Max
Pandora Bracelet
Pandora
Adidas Shoes
Kate Spade Outlet Online
Louboutin Shoes
Pandora Charms Sale Clearance
Timberland Boots
[url=http://www.puma--shoes.us.com/]Puma Shoes[/url]
North Face Jackets Clearance
Air Max 90
Nike Uptempo
Jimmy Choo Outlet
Kyrie Irving Shoes
Pandora Jewelry
Kyrie Shoes
[url=http://www.nike--outlet.us.com/]Nike Outlet Store[/url]
Birkenstock Outlet
Curry 4
Nike Vapormax
Adidas Outlet
Vans Store
Jordan 11 Space Jam
NMD
Louboutin Shoes
Nike Cortez Classic
Lebron 15
Adidas Shoes
Goyard Bags
Yeezy Boost 350 V2 Blue Tint
Coach Outlet
Rihanna Puma Slides
Jordan 11 Red
Lebron Shoes
Pandora Outlet
Louboutin Shoes
KD 10 Shoes
[url=http://www.adidas--yeezy.us.com/]Adidas Yeezy[/url]
Yeezy Beluga
Red Bottom Shoes
NMD Adidas
Longchamp Outlet
Polo Ralph Lauren Outlet Online
Longchamp
[url=http://www.ralph--lauren.us.com/]Ralph Lauren[/url]
KD 10
Soccer Shoes
Air Max 2018
Nike Huarache
Coach Outlet Online
[url=http://www.pandora--jewelry.us.com/]Pandora Jewelry[/url]
Ralph Lauren Outlet
Jordan 11
Air Max Shoes
Pandora
Yeezy boost
Pandora
Yeezy Shoes
Air Max 95
Adidas Yeezy
Michael Kors Outlet
Timberlad Shoes
Ultra Boost
Jordan Retro 11
Longchamp Handbags
James Harden shoes
Stephen Curry Shoes
Clarks Shoes
Yeezys
Coach Outlet
Kyrie 3
Harden shoes
Birkenstock Shoes
Yeezy 350 V2 Boost
Vapormax
[url=http://www.nikeoutlet--store.us.com/]Nike Outlet Store[/url]
Kyrie 3
Ralph Lauren Outlet
Moncler
Yeezys
Air Jordan 11

Please Entrar ou Registrar to join the conversation.

  • Frank Barraza
  • Avatar de Frank Barraza
  • Offline
  • JCB! Professional
  • JCB! Professional
Mais
4 anos 10 meses atrás #101589 por Frank Barraza
Frank Barraza replied the topic: [Tutorial] Exibir uma janela Modal Em qualquer página Joomla
Nike Sneakers
Moncler Jackets
Isabel Marant Boots
Nike Outlet
Pandora Ring
Air Max 2018
Pandora Jewelry Outlet
Air Jordan Shoes
Pandora Jewelry
North Face Outlet
Jordan 11 Space Jam
Stephen Curry Shoes
Pandora Bracelets
Jordan 9
Pandora Jewelry
Fitflop Sandals
Nike Clearance Store
Yeezys
Kyrie 4 Shoes
Adidas Shoes
Nike Womens Shoes
Christian Louboutin Shoes
[url=http://www.adidas--yeezy.us.com/]Adidas Yeezy V2[/url]
Nike Vapormax Plus
Jordan 14
Skechers
Kate Spade Outlet
Longchamp Outlet
[url=http://www.ralph--lauren.us.com/]Polo Ralph Lauren[/url]
Nike Air Uptempo
ECCO Shoes
Birkenstock Sandals
Christian Louboutin UK
Nike Air Max 270 Flyknit
Jordan 11 Low
Pandora Jewelry
Pandora Jewelry
Curry 5
Huaraches Nike
Nike Air Presto
Air Max
Fjallraven Kanken
Nike Air Max Plus
Air Max
Nike Cortez
Ralph Lauren UK
Yeezy Boost
Cheap Pandora Charms
Adidas Shoes
[url=http://www.nike--outlet.us.com/]Nike Outlet[/url]
[url=http://www.puma--shoes.us.com/]Puma Shoes[/url]
Ralph Lauren Outlet Store
Goyard Bag
Pandora Official Site
Pandora Charms
Christian Louboutin Shoes
Pandora Bracelets
Pandora
Christian Louboutin
Moncler Outlet
Christian Louboutin Shoes
Kate Spade Purses
Nike Epic React Flyknit
Moncler UK
Yeezys
Fitflops Sale Clearance
Fitflop Sandals
Jordan Sneakers
Nike Sneakers For Men
Pandora Ring
Air Max 2018
Pandora Jewelry
Red Bottoms
Pandora Jewelry
Goyard Handbags
Pandora Charms Sale Clearance
Fitflop Sale Clearance
Pandora Charms
Vans Shoes
Nike Store
Skechers Shoes
Nike Outlet Store
Kyrie Basketball Shoe
Jordan 11 Red
Air Jordan Retro 8
Vapormax
Yeezys
NMD
Birkenstock Sandals
Nike Air Force 1 Low
Air Max 98
Pandora Jewelry Official Site
Nike Air Max 270
Fitflop
Pandora Jewelry
Fjallraven Kanken
Moncler
Louboutin UK
Adidas NMD
Air Jordan 11
Moncler Jackets
Pandora Jewelry Outlet
Pandora Charms Jewelry
Adidas NMD
Ralph Lauren Outlet
Nike Outlet
Pandora Jewelry Outlet
Moncler Jacket
ECCO
Bottega Veneta Handbags
Jordan Retro 11
Jordan Shoes For Women
Christian Louboutin Heels
Ferragamo Outlet
Harden shoes
Lebron 15
Yeezys
Pandora Jewelry
Soccer Shoes
Ed Hardy Jeans
Valentino Shoes
Pandora Rings
Ultra Boost
Jordan 10
Pandora Jewelry
Pandora Jewelry
Adidas Superstar Women
Pandora Bracelet
Kate Spade
Pandora
Pandora Charms Outlet
Pandora Official Site
Nike Air Force 1
Michael Kors Canada Outlet
Kate Spade Outlet
Yeezys
Nike Air Max 270
Adidas NMD
Harden Shoes
Jordan 11 Win Like 96
Timberland Boots
Birkenstock Shoes For Men
Red Bottoms
Moncler Outlet Online
Adidas Yeezy Boost
Kevin Durant Shoes
Pandora Outlet
New Jordans
Jordan 12
Vapor Max
Air Jordan 4
Pandora Charms
Ralph Lauren Outlet
Kyrie Irving Shoes
Pandora
Ferragamo Outlet
Pandora Charm Bracelet
Pandora Jewelry
Pandora Jewelry Official Site
North Face Jackets
Balenciaga
Adidas Stan Smith
Lebron Shoes
Jordan Shoes
Pandora
Nike Air Max
Jimmy Choo Shoes Outlet
Kate Spade Outlet
Jordan Retro
Air Max Pas Cher
Timberlad Shoes
Pandora Bracelet
Rihanna Puma Slides
Polo Ralph Lauren Outlet
Adidas Outlet Store
Air Max 95
Nike Shox
Birkenstock Outlet Online
Air Jordan Shoes
Ralph Lauren Outlet
Birkenstock Sandals
Balenciaga Sneakers
Pandora Jewelry
Nike Outlet Store
Kyrie 4
Yeezy boost 350 v2
Air Max 270
New Jordans
Hermes Birkin
[url=http://www.pandora--jewelry.us.com/]Pandora Jewelry[/url]
Yeezy Boost 350
Longchamp Handbags
Moncler Outlet
Pandora Charms
Longchamp
Nike Air Max 90 Ultra
Goyard Bags
Pandora Outlet
Air Jordan Sneakers
[url=http://www.nike--shoes.us.com/]Nike Shoes For Women[/url]
Adidas Yeezy
Kate Spade Handbags
Christian Louboutin Shoes
Pandora Jewelry
Kyrie Irving Shoes
Red Bottoms
Jordan Retro
Adidas Yeezy Boost 350
Michael Kors Outlet
Christian Louboutin
Jordan Shoes
Vans
Nike Roshe One
Fitflop Sandals
Pandora
Pandora Charms
Yeezy
Valentino Sandals
Air Max
Moncler UK
Pandora Jewelry
Birkenstocks
Burberry Handbags Outlet
Louboutin shoes
Birkenstock
Ferragamo Belts
Louboutin Shoes
Pandora CZ Ring
Christian Louboutin Shoes
[url=http://www.nikeoutlet--store.us.com/]Nike Outlet[/url]
Jordans 11
Cheap Basketball Shoes
Nike Shoes For Women
Kate Spade
Pandora Jewelry
Birkenstock Outlet Online
Adidas NMD
Timberland Outlet
Nike Vapormax
Adidas NMD
Nike Roshes
Nike Roshe Run
Nike Vapormax
Birkenstock Sandals
Adidas Outlet
Red Bottom Shoes For Women
Pandora Bracelets
Adidas NMD
Pandora Disney
Nike Outlet Store Online Shopping
Air Jordan Retro 11
Lebron 15
Nike Air Force One
Nike Outlet
Kate Spade Bags
Air Force 1 High
Balenciaga Sneakers
Pandora Outlet
MBT Shoes
Moncler
Pandora
James Harden shoes
Retro Jordan
Nike Clearance
Triple S Balenciaga

Please Entrar ou Registrar to join the conversation.