Jump to content


Photo

Popup Com Div?


  • Faça o login para participar
9 replies to this topic

#1 Vitor_loko

Vitor_loko

    Perguntador profissional

  • Usuários
  • 176 posts
  • Sexo:Não informado

Posted 21/07/2006, 11:08

Olá,



Queria usar esquema de layers que aparecem na Tela ao em vez de pop-up e ter que chamar um Window.open, pois há navegadores que naum aceitam Java Script e Bloqueiam pop-ups.

Alguém sabe como eu faço para fazer isso?
Tipo quando eu clicar em um link aparecer uma Layer na tela como c fosse uma POP-Up?

Agradeço,
Vitor
http://www.nerddisse.com - O Lado mais nerd da Internet
Twitter: www.twitter.com/vrleonel

#2 Allan Carvalho

Allan Carvalho

    Òó :: ^^

  • Usuários
  • 471 posts
  • Sexo:Masculino
  • Localidade:Campinas - SP
  • Interesses:Um PC novo e rápido. ^^

Posted 21/07/2006, 12:02

Exemplo simples:

<div id="pop" style="display:none;position:absolute;top:50%;left:50%;margin-left:-150px;margin-top:-100px;width:300px;height:200px;">Escondida! Agora coloque o estilo dessa div.</div>

<a href="#" onclick="document.getElementById('pop').style.display='block';">Mostra</a>


Beleza?

Atribui o estilo da div e pronto! (y)


Até mais. (y)
Nome: Allan V. Ferreira de Carvalho.
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com

Posted Image


#3 Vitor_loko

Vitor_loko

    Perguntador profissional

  • Usuários
  • 176 posts
  • Sexo:Não informado

Posted 21/07/2006, 15:50

valew Cara...
E como eu faço para arrastar e Fechar essa layer que eu abri?
Vitor
http://www.nerddisse.com - O Lado mais nerd da Internet
Twitter: www.twitter.com/vrleonel

#4 Bruno Augusto

Bruno Augusto

    ∙•● Restarting... ●•∙

  • Usuários
  • 1968 posts
  • Sexo:Não informado
  • Localidade:Itajubá

Posted 21/07/2006, 18:13

Bom eu tô aprendendo JS ainda, mas acho que essa eu sei.

Como layer não se fecha o que você fa é ocultá-la. Aproveitando o exemplo do invasoesdemaniacos, você pode colocar um link nessa layer aberta com o seguinte link:

<a href="#" onclick="document.getElementById('pop').style.display='none';">[Fechar]</a>

E para arrastar essa layer você usa o drag n' drop. Tem vários, mas o mais fácil de usar é o da Youngpup

É o mesmo que se usa aqui no fórum, para se criar a janela de "Meu Assistente".

[]'s

Edição feita por: Jackpot, 21/07/2006, 18:15.


#5 Hcar

Hcar

    Novato no fórum

  • Usuários
  • 10 posts
  • Sexo:Não informado

Posted 21/07/2006, 19:12

Bom eu tô aprendendo JS ainda, mas acho que essa eu sei.

Como layer não se fecha o que você fa é ocultá-la. Aproveitando o exemplo do invasoesdemaniacos, você pode colocar um link nessa layer aberta com o seguinte link:

<a href="#" onclick="document.getElementById('pop').style.display='none';">[Fechar]</a>

E para arrastar essa layer você usa o drag n' drop. Tem vários, mas o mais fácil de usar é o da Youngpup

É o mesmo que se usa aqui no fórum, para se criar a janela de "Meu Assistente".

[]'s



Gostaria de saber como tenho que fazer para passar um parâmetro para outra layer, tipo assim, tenho uma layer com dois links, que abrem uma outra layer por cima da layer com os links, e eu precisava de pegar um valor que seriam diferentes em cada link, e com esse valor configurar a outra layer, tem como alguem me ajudar, pois não conheço nada de javascript, obrigado a todos.

#6 pgnall

pgnall

    Enable

  • Usuários
  • 383 posts
  • Sexo:Masculino
  • Localidade:http://eduardo.sganzerla.net

Posted 21/07/2006, 19:55

arrastar, minimizar e fechar... no imasters tem um artigo que explica direitinho essa função, mas existe um script pronto de uma janela mto boa, que até aparece nos programas abertos, porem não recordo o nome, se eu lembrar posto ai pra vocês.
Eduardo Sganzerla
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀


www.Eu Sei Escrever.com.br - Adote esta campanha!

#7 Vitor_loko

Vitor_loko

    Perguntador profissional

  • Usuários
  • 176 posts
  • Sexo:Não informado

Posted 24/07/2006, 09:51

Bom eu tô aprendendo JS ainda, mas acho que essa eu sei.

Como layer não se fecha o que você fa é ocultá-la. Aproveitando o exemplo do invasoesdemaniacos, você pode colocar um link nessa layer aberta com o seguinte link:

QUOTE
<a href="#" onclick="document.getElementById('pop').style.display='none';">[Fechar]</a>

E para arrastar essa layer você usa o drag n' drop. Tem vários, mas o mais fácil de usar é o da Youngpup

É o mesmo que se usa aqui no fórum, para se criar a janela de "Meu Assistente".



Esse Youngpup é feito é java Script Apenas?
Eu não consigo fazer os exemplos Funcionarem....
Vitor
http://www.nerddisse.com - O Lado mais nerd da Internet
Twitter: www.twitter.com/vrleonel

#8 pgnall

pgnall

    Enable

  • Usuários
  • 383 posts
  • Sexo:Masculino
  • Localidade:http://eduardo.sganzerla.net

Posted 24/07/2006, 16:25

Lembrei da janela que comentei...
Chromeless

Testa ai... derrepente vc goste.
[]'s
Eduardo Sganzerla
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀


www.Eu Sei Escrever.com.br - Adote esta campanha!

#9 Vitor_loko

Vitor_loko

    Perguntador profissional

  • Usuários
  • 176 posts
  • Sexo:Não informado

Posted 25/07/2006, 09:34

Sabe como esse Script Funciona? Eu naum consegui faze-lo Rodar....
Vitor
http://www.nerddisse.com - O Lado mais nerd da Internet
Twitter: www.twitter.com/vrleonel

#10 Vitor_loko

Vitor_loko

    Perguntador profissional

  • Usuários
  • 176 posts
  • Sexo:Não informado

Posted 02/08/2006, 16:42

No Youngpup Alguém sabe criar Mais de uma Layer que pode ser Arrastada por página?
Vitor
http://www.nerddisse.com - O Lado mais nerd da Internet
Twitter: www.twitter.com/vrleonel




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq