Botão que abra janela pop-up
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Botão que abra janela pop-up
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
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
Re: Botão que abra janela pop-up
Olá
Tem em javascript para criar fassa o seguinte tuturial no spoiler
Até mais
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
Re: Botão que abra janela pop-up
Olá,
No caso sua pop up seria para exibir um conteúdo HTML?
Cordialmente,
The Boss
No caso sua pop up seria para exibir um conteúdo HTML?
Cordialmente,
The Boss
Re: Botão que abra janela pop-up
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
No tuturial do Gmtp nao consegui perceber muito bem oq ele tava esplicando na primeira parte ^^'
Re: Botão que abra janela pop-up
Olá
Eu estava explicando as propriedades de cada item para entender melhor caso quisesse editar a seu gosto
Até mais
Eu estava explicando as propriedades de cada item para entender melhor caso quisesse editar a seu gosto
Até mais
Re: Botão que abra janela pop-up
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:
Botão de texto:
Boa sorte!
Jpjupa.
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.
Re: Botão que abra janela pop-up
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
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
Re: Botão que abra janela pop-up
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
Re: Botão que abra janela pop-up
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!
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!
Tópicos semelhantes
» Icone que abra outra janela
» Janela pop-up
» Janela pop-up flutuante
» Rádio em janela pop-up
» Janela do fórum
» Janela pop-up
» Janela pop-up flutuante
» Rádio em janela pop-up
» Janela do fórum
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos