Botão que abra janela pop-up

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Botão que abra janela pop-up

Mensagem por Marco.R em 18/03/13, 12:55 pm

Qual é minha questão:
Bom eu nao encontrei a resposta á minha duvida entao vim perguntar... A minha questao é se da pra colocar algum botao no forum que abra um janela pop-up mas sem ser a de login e registro eu queria criar minha propria janela pop-up que eu pudesse alterar o texto e que abrisse com um botao eu queria por uma especie de jornal pra no meu forum verem la um botao a dizer: jornal clicam e lê oq eu escrevi la se tiver forma me digao como faz porfavor eu  tou necessitando mto disso ^^'

Endereço do meu fórum:
http://pokemon.criarforum.com.pt

Versão do fórum:
PHPBB2
avatar

Marco.R
Nível 5

Masculino
Inscrito dia : 21/07/2011
Mensagens : 51
Pontos Ativos : 79

Ver perfil do usuário http://pokemon.criarforum.com.pt/forum

Resolvido Re: Botão que abra janela pop-up

Mensagem por Gmtp em 18/03/13, 01:03 pm

Olá

Tem em javascript para criar fassa o seguinte tuturial no spoiler

Spoiler:
Vamos primeiro ver o comandos que fazem isso.

Para abrir uma nova janela se usa o comando window.open(“endereço”, ”modo”, ”propriedades”). O primeiro argumento é o endereço da página que você quer abrir, depois você pode colocar o ‘modo’ que nada mais é do que _blank (significa nova janela) na maioria das vezes, afinal queremos abrir em uma nova janela e o ultimo parâmetro você pode colocar varias opções todas separadas por virgula como veremos abaixo, alguns argumentos são:

location: barra de endereço;

toolbar: botões do navegador;

status: barra localizada no rodapé do navegador;

scrollbar: rolar a pagina;

resizable: redimensionar a página;

width: largura da página;

height: altura da página;

top: distancia do topo da tela;

left: distancia do lado esquerdo da página;

Obs: As opções resizable, location, toolbar, status, scrollbar podem não funcionarem em alguns navegadores, como por exemplo a opção resizable que não funciona em nenhum navegador mais novo.

Agora vamos ver isso na pratica.

De forma estática:

Para este exemplo eu usei um botão para que quando o usuário cliquar abrirá uma página, mas poderia ser um link também.

Código:
<button type="button" onclick="abrirPagina();">Abrir arquivo ou site em Janela</button>

A função chamada por este botão é:

Código:
function abrirPagina()
    {
        window.open("http://staffergroupbr.stuning.net/","_blank","toolbar=no, location=yes, directories=no, status=no, scrollbars=yes, resizable=yes, width=800, height=600, top=30, left=50");
    }

Perceba os parâmetros, primeiro eu passei o link que eu quero que o usuário visualize, o segundo parâmetro é padrão. Veja como se usa as varias opções do ultimo parâmetro, criamos uma página com tamanho de 800×600 e distanciamos 30 pixels do topo da página e 50 do lado esquerdo. Atente ao fato que o endereço poderia ser uma página do seu servidor, ou uma página PHP que gera algum tipo de conteúdo, enfim…, as possiblidades são infinitas.

Nada de muito complicado, não é mesmo? Vamos para os conteúdos dinâmicos.

De forma dinâmica:

Para este exemplo usarei um botão praticamente igual ao do exemplo acima, só mudei o nome da função a ser chamada.

Código:
<button type="button" onclick="criarJanela();">Nova Janela Criada</button>

O JavaScript agora fica assim:

Código:
function criarJanela()
    {
        janela = window.open("","_blank","toolbar=no, location=yes, directories=no, status=no, scrollbars=no, resizable=no, width=400, height=400, top=200, left=250");
        janela.document.write("<h1>Criando uma nova janela</h1>");
        janela.document.write("<p>fdfsdfs df sdf sfsd gfgdf gdfg sdf sdf</p>");
        janela.document.write("<p>fdfsdfs df sdf sfsd gfgdf gdfg sdf sdf</p>");
        janela.document.write("<p>fdfsdfs df sdf sfsd gfgdf gdfg sdf sdf</p>");
        janela.document.write("<p>fdfsdfs df sdf sfsd gfgdf gdfg sdf sdf</p>");
        janela.document.write("<p>fdfsdfs df sdf sfsd gfgdf gdfg sdf sdf</p>");
        janela.document.write("<p>fdfsdfs df sdf sfsd gfgdf gdfg sdf sdf</p>");
        janela.document.write("<p>fdfsdfs df sdf sfsd gfgdf gdfg sdf sdf</p>");
        janela.document.write("<p>fdfsdfs df sdf sfsd gfgdf gdfg sdf sdf</p>");
    }

A ideia é mesma, mas a diferença é que atribuímos o objeto window.open() a uma variável chamada janela, depois começamos a escrever conteúdo através do objeto document.write(). Perceba que escrevemos código HTML normal dentro da função. Isso pode ser usado com PHP para transferir um conteúdo da página principal para um Pop-Up, como por exemplo visualização de impressão.

Visualizar: Demonstração

Até mais
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Botão que abra janela pop-up

Mensagem por .Danni. em 18/03/13, 01:04 pm

Olá,

No caso sua pop up seria para exibir um conteúdo HTML?

Cordialmente,
The Boss
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Botão que abra janela pop-up

Mensagem por Marco.R em 18/03/13, 01:49 pm

The Boss escreveu:Olá,

No caso sua pop up seria para exibir um conteúdo HTML?

Cordialmente,
The Boss

Sim seria em HTML embora nao fosse necessario mais em HTML seria melhor Feliz
No tuturial do Gmtp nao consegui perceber muito bem oq ele tava esplicando na primeira parte ^^'
avatar

Marco.R
Nível 5

Masculino
Inscrito dia : 21/07/2011
Mensagens : 51
Pontos Ativos : 79

Ver perfil do usuário http://pokemon.criarforum.com.pt/forum

Resolvido Re: Botão que abra janela pop-up

Mensagem por Gmtp em 18/03/13, 01:51 pm

Olá

Eu estava explicando as propriedades de cada item para entender melhor caso quisesse editar a seu gosto

Até mais
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Botão que abra janela pop-up

Mensagem por Jpjupa em 18/03/13, 01:53 pm

Crie uma página HTML com o conteúdo desejado, após isso coloque um botão na parte desejada do seu fórum, linkando para ela.

O código do botão pode ser o citado abaixo:

Botão de imagem:
Código:
<a href="link da pagina html" target="_blank"><img src="link da imagem do botão"/></a>

Botão de texto:
Código:
<a href="link da pagina html" target="_blank">Seu texto</a>

Boa sorte!
Jpjupa.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Botão que abra janela pop-up

Mensagem por .Danni. em 18/03/13, 01:54 pm

Olá,

A minha sugestão é que você busque por um "gerador de pop up" no google, para utilizá-lo com um botão, basta criar este botão através de CSS ou do uso de um botão HTML mesmo.

Cordialmente,
The Boss
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Botão que abra janela pop-up

Mensagem por Marco.R em 19/03/13, 12:39 pm

@jpjupa escreveu:Crie uma página HTML com o conteúdo desejado, após isso coloque um botão na parte desejada do seu fórum, linkando para ela.

O código do botão pode ser o citado abaixo:

Botão de imagem:
Código:
<a href="link da pagina html" target="_blank"><img src="link da imagem do botão"/></a>

Botão de texto:
Código:
<a href="link da pagina html" target="_blank">Seu texto</a>

Boa sorte!
Jpjupa.

Obrigado mais a mensagem nao iria ficar em Pop-Up na mesma iria abrir uma pagina onde estaria a mensagem mas de qualquer forma se as janelas pop-up tivessem link ja daria pra fazer assim
avatar

Marco.R
Nível 5

Masculino
Inscrito dia : 21/07/2011
Mensagens : 51
Pontos Ativos : 79

Ver perfil do usuário http://pokemon.criarforum.com.pt/forum

Resolvido Re: Botão que abra janela pop-up

Mensagem por Sennior em 19/03/13, 06:55 pm

Saudação!

Não há como fazer desta maneira, sendo por via CSS ou HTML. À unica maneira cabível seria por via Java Script. Mas Infelizmente nós não oferecemos suporte à códigos que não tenham sido listados em nossos tutoriais, ou Java Script sinto muito.

Até mais! Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum