Botão que abra janela pop-up

por Marco.R 18.03.13 15:55

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

por Gmtp 18.03.13 16:03

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

por .Danni. 18.03.13 16:04

Olá,

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

Cordialmente,
The Boss

por Marco.R 18.03.13 16:49

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 ^^'

por Gmtp 18.03.13 16:51

Olá

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

Até mais

por Jpjupa 18.03.13 16:53

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.

por .Danni. 18.03.13 16:54

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

por Marco.R 19.03.13 15:39

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

por Sennior 19.03.13 21:55

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

Hitskin.com

Botão que abra janela pop-up

Botão que abra janela pop-up

Re: Botão que abra janela pop-up

Re: Botão que abra janela pop-up

Re: Botão que abra janela pop-up

Re: Botão que abra janela pop-up

Re: Botão que abra janela pop-up

Re: Botão que abra janela pop-up

Re: Botão que abra janela pop-up

Re: Botão que abra janela pop-up