Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 283
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Abrir janela customizada após clicar em um link

28-06-2010 15:18

Olá!

Gostaria de saber como crio uma janela personalizada que é exibida após clicar em um link.

Exemplo: http://www.submarino.com.br/produto/1/2 ... e+-+vol.+7 (na área de visualização das imagens do produto).

No meu caso, algo simples, porém eficiente.

;)
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17511
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Abrir janela customizada após clicar em um link

28-06-2010 16:08

Aquele efeito é lightbox, tem um bem simples no link abaixo, só com CSS e JavaScript

http://www.emanueleferonato.com/2007/08 ... pt-needed/
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 283
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Abrir janela customizada após clicar em um link

28-06-2010 17:42

Nossa, vlw Kléber!

Como eu faço para que essa janela acompanhe a rolagem da página?
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 283
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Abrir janela customizada após clicar em um link

28-06-2010 17:44

Ah, descobri!

É só muda a poisção (position) para fixed.

Ficando assim:

<style> .black_overlay{ display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .white_content { display: none; position: fixed; top: 25%; left: 25%; width: 50%; height: 50%; padding: 16px; border: 3px dotted purple; background-color: white; z-index:1002; overflow: auto; } </style> This is the main content. To display a lightbox click <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">here</a><div id="light" class="white_content">This is the lightbox content. <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div><div id="fade" class="black_overlay"></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></div>

Role a página e confira o resultado.
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17511
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Abrir janela customizada após clicar em um link

28-06-2010 17:48

Blz. :wink:
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Mensagens: 299

Abrir janela customizada após clicar em um link

28-07-2011 21:06

um light box , super leve. muito bom

vlw :rock:
0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 283
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Abrir janela customizada após clicar em um link

08-11-2012 01:23

Hahah, que bom que gostou! :D
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Mais de 100 postagens
Mais de 100 postagens
Mensagens: 396
Nome: João Paulo
Descrição do site: Site de Ofertas de Produtos da cidade
Sexo: Masculino
Localização: Bahia Luis Eduardo Magalhães

Abrir janela customizada após clicar em um link

25-12-2012 16:25

gostaria de usar essa lightbox como login ai gostaria de saber se nao ouver session aberta quando entrase na pagina ele abrise a light pedindo o login e alguma coisa que noa peermitise que a light fosse fechada se nao entrar com os dados um bloqueio que se nao ouver session ela vai fica pedindo o login e bloqueiando tudo q tem na pagina tem como fazer isso com esse codigo acima?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17511
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Abrir janela customizada após clicar em um link

25-12-2012 16:31

O primeiro passo consiste em verificar se a session existe, para isso você tem que ver no seu sistema alguma variável da session, e criar um if, para ver se ela está criada ou não.

Tendo a verificação em PHP feita, caso o usuário não esteja logado, tem que carregar o lightbox, de preferência no body onload

<body onload="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">

Esse código acima é o mesmo do link, só que abre automaticamente com o carregamento da página.

O conteúdo que vai aparecer dentro da div pode ser o formulário de validação, onde ao submeter vai enviar o usuário para outro documento.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Mensagens: 396
Nome: João Paulo
Descrição do site: Site de Ofertas de Produtos da cidade
Sexo: Masculino
Localização: Bahia Luis Eduardo Magalhães

Abrir janela customizada após clicar em um link

25-12-2012 16:39

funcionou na abertura da pagina.
porem assim vamos supor que a variavel seja $session...

if($session == ""){
ele executa esse body

}else{
caso contrario ele executa esse body

}
seria assim?

existe algum macete macete para fechar essa light box ou ela e segura para usar como sistema de segurança
tem como fazer alguma coisa para verificar se foi mesmo logada a session cria uma div com o codigo que se caso nao for aberta ela abrir a light de novo ??

ou ja esta segura assim?

Obrigado!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17511
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Abrir janela customizada após clicar em um link

25-12-2012 16:52

Suponho que essa div de lightbox seja um sistema intermediário, ou seja, mesmo se não existisse a lightbox não mostraria o conteúdo que está protegido.

Esse if verificaria se a session está setada, e se existe algum valor nela

// se a session foi definida e está diferente de vazio if(isset($_SESSION['valortal'])!="") { ....

Se for possível para reforçar a segurança, valida antes se o valor da SESSION "login e senha" estão cadastrados no bd.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Mensagens: 396
Nome: João Paulo
Descrição do site: Site de Ofertas de Produtos da cidade
Sexo: Masculino
Localização: Bahia Luis Eduardo Magalhães

Abrir janela customizada após clicar em um link

25-12-2012 17:02

fis assim

if(isset($_SESSION['LOGADOUSER'])=="") { ?><body onload="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'"><? }else{ ?><body><? } ?>

se for totalmente igual a "" vazio ele abre a light so que nao funciona mesmo tando conectado da a mesma coisa?

pq sera?
0
 
Mais de 100 postagens
Mais de 100 postagens
Mensagens: 396
Nome: João Paulo
Descrição do site: Site de Ofertas de Produtos da cidade
Sexo: Masculino
Localização: Bahia Luis Eduardo Magalhães

Abrir janela customizada após clicar em um link

25-12-2012 17:05

funcionou foi que eu esqueci de por no topo da pagina session_start();

^^

muito Obrigado :)
0
 
Mais de 100 postagens
Mais de 100 postagens
Mensagens: 396
Nome: João Paulo
Descrição do site: Site de Ofertas de Produtos da cidade
Sexo: Masculino
Localização: Bahia Luis Eduardo Magalhães

Abrir janela customizada após clicar em um link

25-12-2012 17:08

como eu utilizo include para paginar se caso a session se perder ou for destruida eu gostaria que a tela que ta travada voltase para a home tipo
estou la nessa pagina
http://localhost/eskemasoft/index.php?sbm=03
ai a sesson esgota ele eu tenta clicar em algum menu ele aparecera a light box pedindo usuario e senha mas gostaria que a pagina antes disso voltase para index.php

tem algum codigo para por na body?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17511
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Abrir janela customizada após clicar em um link

25-12-2012 17:15

Você pode usar esse valor

echo $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];

Você pode jogar esse valor em um input hidden no formulário de login, e enviar para a página de validação, depois pega esse valor, e redireciona.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Mensagens: 396
Nome: João Paulo
Descrição do site: Site de Ofertas de Produtos da cidade
Sexo: Masculino
Localização: Bahia Luis Eduardo Magalhães

Abrir janela customizada após clicar em um link

25-12-2012 17:17

quero verificar as 3 session so que dessa maneira nao da:

if(isset($_SESSION['LOGADOUSER'] && $_SESSION['LOGADOPASS'] && $_SESSION['EMAIL'])=="")

como faço
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17511
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Abrir janela customizada após clicar em um link

25-12-2012 17:20

Tem que ser um isset para cada variável

if(isset($_SESSION['LOGADOUSER']) && isset($_SESSION['LOGADOPASS']) && isset($_SESSION['EMAIL'])=="")

Ai você tem que observar que o isset verifica se a variável foi criada, e o =="" se foi criada, e se o valor está vazio.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Mensagens: 396
Nome: João Paulo
Descrição do site: Site de Ofertas de Produtos da cidade
Sexo: Masculino
Localização: Bahia Luis Eduardo Magalhães

Abrir janela customizada após clicar em um link

25-12-2012 17:22

nao compreendi como faço echo $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];


crio um campo hiden mas esse codigo server serve para que ?
noa tem como por algo aki:

if(isset($_SESSION['LOGADOUSER'])=="") { [b]AKI[/b] ?><body onload="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'"><? }else{ ?><body><? } ?>

ali onde esta aki colocar algo que zere a url tipo como um href="index.php"
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17511
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Abrir janela customizada após clicar em um link

25-12-2012 17:31

Você fez a validação, se a session não existe ou foi apagada, você redireciona para a index lá no if da validação

header("Location:suaindex.php");
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Mensagens: 396
Nome: João Paulo
Descrição do site: Site de Ofertas de Produtos da cidade
Sexo: Masculino
Localização: Bahia Luis Eduardo Magalhães

Abrir janela customizada após clicar em um link

25-12-2012 17:34

eu coloquei la e deu o seguinte erro
Esta página da web tem um loop de redirecionamento

tem que ser um codigo que redirecione 1 vez so limitado se a url for diferente de index.php ele redireciona para index.php

tem como ?
0
 
Mais de 100 postagens
Mais de 100 postagens
Mensagens: 396
Nome: João Paulo
Descrição do site: Site de Ofertas de Produtos da cidade
Sexo: Masculino
Localização: Bahia Luis Eduardo Magalhães

Abrir janela customizada após clicar em um link

25-12-2012 18:04

consegui no caso como estou em local host ele tem a pasta ai eu especifico

if($_SERVER['REQUEST_URI'] !== "/eskemasoft/index.php"){ header("Location:index.php"); }

eskemasoft/index.php
se for diferente ele redireciona ^^

obrigado :)
0
 
Mais de 100 postagens
Mais de 100 postagens
Mensagens: 396
Nome: João Paulo
Descrição do site: Site de Ofertas de Produtos da cidade
Sexo: Masculino
Localização: Bahia Luis Eduardo Magalhães

Abrir janela customizada após clicar em um link

25-12-2012 18:38

ou assim tbm da certo assim ficou melhor!

if($_SERVER['QUERY_STRING'] !== ""){ header("Location:index.php"); }

assim se existir qualquer coisa depois de index.php? qualquer coisa que tiver ele redireciona voce para o index.php

acho que assim ficou muito melhor nao presisa ta modificando muito as coisas :)


Obrigado xD
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17511
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Abrir janela customizada após clicar em um link

25-12-2012 18:55

Boa.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot], Google [Bot]