Ir para conteúdo
  • Cadastre-se

PopUp interno

EduardoRissao
 Compartilhar

Posts Recomendados

Matheus Oliveira

Matheus Oliveira

Postado
Postado

Acho que você quer fazer um alerta, dá pra fazer com javascript.

Dá pra fazer assim, colocando no seu código: 

<html>
<head>
<title></title>
<script language="JavaScript" type="text/javascript">
function alerta(){
alert("Desejamos um feliz natal!");
} 
</script>
</head>
<body onload="alerta();">
</body>
</html>

Adicione este script e essa parte no body onload="" ao seu código, e veja se funciona.

Link para o comentário
Compartilhar em outros sites
Anger

Anger

Postado
Postado
43 minutos atrás, EduardoRissao disse:

Preciso colocar no meu site uma mensagem de natal e ano novo.
Com isso, pensei em colocar aqueles popup interno, em que quando a pessoa entrar no site ela lê e fecha.

Como eu consigo fazer isso?

 

Jogue este código entre seu <head> </head> 

<script languague="javascript">
function popup(){
window.open('NOMEDAPAGINAQUEVAICHMAROPOPUP.html','popup','width=200,height=100,scrolling=auto,top=0,left=0')
}
</script>

E este código você acrescenta em seu <body>

  

<body onload=popup()>
  
  SEU CONTENT DE CONTEÚDO 
</body>

 

Ajude o fórum! Antes de postar, leiam as regras de postagem aqui.

Link para o comentário
Compartilhar em outros sites
Thiago Sabaia

Thiago Sabaia

Postado
Postado

popup em janela externa é horrível, lembre-se que a pessoa pode colocar seu site para carregar, ir para outra aba responder uma mensagem no Facebook por exemplo, o popup mudar a aba e ela acabar desistindo de ver o site. Use lightbox que é muito melhor.

ex

lightbox2.png

█ Super T Host | Revenda de Hospedagem SSD a partir de R$ 59,95 por mês
█ Utilize o cupom PDH e ganhe 60% de desconto nos 3 primeiros meses nos planos de Revenda.
█ www.superthost.com.br - WhatsApp 21 4125 4334

Link para o comentário
Compartilhar em outros sites
EduardoRissao

EduardoRissao

Postado
  • Autor
Postado

A ideia é só apresentar uma mensagem de fim de ano mesmo, nada que enche o saco.
E aparecer somente na home do site, uma vez por sessão.

Alguém pode me ajudar a configurar uma vez por sessão?

6 horas atrás, Matheus Oliveira disse:

Acho que você quer fazer um alerta, dá pra fazer com javascript.

Dá pra fazer assim, colocando no seu código: 


<html>
<head>
<title></title>
<script language="JavaScript" type="text/javascript">
function alerta(){
alert("Desejamos um feliz natal!");
} 
</script>
</head>
<body onload="alerta();">
</body>
</html>

Adicione este script e essa parte no body onload="" ao seu código, e veja se funciona.

(Desculpe pelo double post)

Enfim, queria colocar uma imagem, então o alert fica ruim, já tentei com ele também.

4 horas atrás, Thiago Sabaia disse:

popup em janela externa é horrível, lembre-se que a pessoa pode colocar seu site para carregar, ir para outra aba responder uma mensagem no Facebook por exemplo, o popup mudar a aba e ela acabar desistindo de ver o site. Use lightbox que é muito melhor.

ex

lightbox2.png

Tem como me ensinar a fazer isso? Era exatamente o que eu queria.

Link para o comentário
Compartilhar em outros sites
Clayderson

Clayderson

Postado
Postado

Independente do que você irá utilizar, para chamar uma vez por sessão, altere a extensão do seu arquivo index para .php, se seu arquivo era index.html agora ele irá ficar index.php

Edite o arquivo e no inicio (antes de qualquer coisa), adicione isso: 

<?php

    session_start();

    if (!isset($_SESSION['popup'])) {
        $_SESSION['popup'] = true;
    } else {
        $_SESSION['popup'] = false;
    }
    
?>

Pronto, você já tem o que precisa pra validar se ele já foi exibido ou não. Agora você deve usar isso no momento que for chamar o popup.

Por exemplo, se você usar o método do @Anger, faça assim: 

<body <?php if (isset($_SESSION['popup']) && $_SESSION['popup'] === true) { echo "onload=popup()"; } ?>>
  
</body>

Ou seja, você está dizendo pro PHP: se existir uma sessão chamada popup e se ela for igual a true (verdadeiro), então adicione ao HTML "onload=popup()".

Quando o navegador do seu visitante receber isso, ele vai interpretar e chamar o popup.

Qualquer dúvida, só perguntar (:

Link para o comentário
Compartilhar em outros sites
EduardoRissao

EduardoRissao

Postado
  • Autor
Postado
16 horas atrás, Clayderson disse:

Independente do que você irá utilizar, para chamar uma vez por sessão, altere a extensão do seu arquivo index para .php, se seu arquivo era index.html agora ele irá ficar index.php

Edite o arquivo e no inicio (antes de qualquer coisa), adicione isso: 


<?php

    session_start();

    if (!isset($_SESSION['popup'])) {
        $_SESSION['popup'] = true;
    } else {
        $_SESSION['popup'] = false;
    }
    
?>

Pronto, você já tem o que precisa pra validar se ele já foi exibido ou não. Agora você deve usar isso no momento que for chamar o popup.

Por exemplo, se você usar o método do @Anger, faça assim: 


<body <?php if (isset($_SESSION['popup']) && $_SESSION['popup'] === true) { echo "onload=popup()"; } ?>>
  
</body>

Ou seja, você está dizendo pro PHP: se existir uma sessão chamada popup e se ela for igual a true (verdadeiro), então adicione ao HTML "onload=popup()".

Quando o navegador do seu visitante receber isso, ele vai interpretar e chamar o popup.

Qualquer dúvida, só perguntar (:

O site já está em php, então fica mais fácil.
Sobre o método do @Anger, não é bem o que eu queria.

O que eu queria era o do @Thiago Sabaia, como eu faço para fazer aquilo?

O código da index está assim:  

<?
   session_start();

   require_once "icontrol/_lib/icontrol.php";

   require_once "icontrol/_lib/icontrol.pontualweb.php";

   require_once "icontrol/_lib/conndb.php";

   require_once "icontrol/_lib/functions.php";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="moveis, planejados, araçatuba, aracatuba, sao paulo, interior, sp, marcenaria, cozinhas, armarios">
<meta name="description" content="A GR Móveis Planejados é atualmente uma das principais fabricantes de móveis planejados de todo o interior paulista. Localizada em Araçatuba, e com equipamentos de última geração, a GR utiliza materiais que atendem aos mais exigentes padrões de qualidade do mercado, prezando por um acabamento impecável!">
<title>GR Móveis Planejados</title>
<link href="estrutura.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
</head>

<body>

<div class="topo"><img src="imagens/logo.jpg" width="984" height="199" /></div>

<div class="menu" align="center">
	<? include("menu.php"); ?>
</div>

<div class="banner1">
	<? include('banner.php'); ?>
    <br />
    
    <? $sqlHome = "select * from imovel where imoInterna = 'S' order by imoCodigo desc limit 2";
	   $qryHome = mysql_query($sqlHome);
	   
	?>
    <div style="width:954px; margin:auto;">
    <ul style="list-style:none; padding:0px; margin:0;">
   
    	<? while ($itens = mysql_fetch_assoc($qryHome)) { ?>
    
    	<li style="display:inline-block; background-image:url(imagens/sombraHome.png); width:475px; height:277px; position:relative;">
		<div style="height:25px; padding:10px; text-align:left; font:16px verdana; color:#FFF;"><a href="internas.php?cod=<?= $itens['imoCodigo']; ?>" style="text-decoration:none; font:16px verdana; color:#FFF;"><?= $itens['imoNome']; ?></a></div>
        <ul style="list-style:none; padding:0px 10px; margin:0;">
  <?
    $sql = "select * from fotos where imoCodigo = {$itens['imoCodigo']} limit 1";
			$qry = mysql_query($sql);

			
			while($apreFotoP = mysql_fetch_assoc($qry))
			{
				$i++;
				
				if (vrfExtensao('imagem', 'web/imagens/produtos/site/miniaturas/', $apreFotoP['imoCodigo'] . '_' . $apreFotoP['fotCodigo']) == true)
						{
							 $miniatura = $img;
							
							    list($w, $h) = getimagesize($miniatura);
							    
							    $image_file = $miniatura;
								$targetfile = "maskara/maskara" . $apreFotoP['imoCodigo'].$apreFotoP['fotCodigo'] .".jpg"; 
								$photo = imagecreatefromjpeg($image_file); 
								$fotoW = 165; 
								$fotoH = 165; 
								$photoFrame = imagecreatetruecolor($fotoW,$fotoH); 
								$dest_x = ($w - $fotoW) / 2; 
								$dest_y = ($h - $fotoH) / 2; 
								
								imagecopy($photoFrame, $photo, 0, 0, $dest_x, $dest_y, $fotoW, $fotoH);
								imagejpeg($photoFrame, $targetfile);
								

							?>
								<li style="display:inline-block; width:170px;"><a href="internas.php?cod=<?= $itens['imoCodigo']; ?>"><img src='<?= $targetfile; ?>' border="0"/></a></li>
							<?	unset($targetfile);
							 
						}
		   } 
		   ?>
           <li style="display:inline-block; width:280px; font:12px verdana; color:#FFF; vertical-align:top; text-align:left;"><a href="internas.php?cod=<?= $itens['imoCodigo']; ?>" style="text-decoration:none; font:12px verdana; color:#FFF;"><?= nl2br($itens['imoPre']); ?></a></li>
           </ul>
           </li>
<? } ?>
 </ul>
    </div>
    

</div>

<div class="rodape">
	<? include("rodape.php"); ?>
	<?php include_once("analyticstracking.php") ?>
</div>

</body>
</html>

 

Link para o comentário
Compartilhar em outros sites
Clayderson

Clayderson

Postado
Postado

Da uma olhada nesse vídeo.

Faz numa página separada, do mesmo jeito do tutorial. Quando cê conseguir, posta o código aqui e a gente mexe nele pra exibir quando a página for carregada e apenas uma vez por session.

Com isso você já vai ter a base pra colocar no seu site. Lembrando que tentar fazer isso diretamente no site não é recomendado, até porque provavelmente você vai errar uma ou duas vezes até acertar e, os códigos do seu site vão te confundir.

Link para o comentário
Compartilhar em outros sites
EduardoRissao

EduardoRissao

Postado
  • Autor
Postado (editado)
53 minutos atrás, Clayderson disse:

Da uma olhada nesse vídeo.

Faz numa página separada, do mesmo jeito do tutorial. Quando cê conseguir, posta o código aqui e a gente mexe nele pra exibir quando a página for carregada e apenas uma vez por session.

Com isso você já vai ter a base pra colocar no seu site. Lembrando que tentar fazer isso diretamente no site não é recomendado, até porque provavelmente você vai errar uma ou duas vezes até acertar e, os códigos do seu site vão te confundir.

Ok, vou fazer aqui.

Bem, o site é só institucional, nada de vendas ou algo assim, então ficar fora do ar por alguns minutos não vai me prejudicar muito.

 

@Edit

Então, pelo que eu vi ele vai criar um texto e, quando clicar nele, abrir a lightbox.
O que eu queria é que, quando entrar no site, já abrir ela.

Editado por EduardoRissao
Atualizando o post.
Link para o comentário
Compartilhar em outros sites
Visitante
Este tópico está impedido de receber novos posts.
 Compartilhar
Ir para a lista de tópicos

  • Quem Está Navegando   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.
×
×
  • Criar Novo...

Informação Importante

Concorda com os nossos termos?

  I accept