PopUp interno

EduardoRissao · December 16, 2015

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?

Matheus Oliveira · December 16, 2015

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.

Anger · December 16, 2015

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>

Thiago Sabaia · December 16, 2015

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

Clayderson · December 16, 2015

Só complementando o que o Thiago Sabaia disse acima, use cookies ou sessions pra fazer com que o "popup" seja exibido apenas uma vez.

Não tem nada mais chato na face da terra que esses popups insistentes.

EduardoRissao · December 16, 2015

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

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

Clayderson · December 16, 2015

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 (:

EduardoRissao · December 17, 2015

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>

Clayderson · December 17, 2015

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.

EduardoRissao · December 17, 2015

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.

Edited December 17, 2015 by EduardoRissao
Atualizando o post.

Sign In

PopUp interno

Recommended Posts

EduardoRissao

Link to comment

Share on other sites

Matheus Oliveira

Link to comment

Share on other sites

Anger

Link to comment

Share on other sites

Thiago Sabaia

Link to comment

Share on other sites

Clayderson

Link to comment

Share on other sites

EduardoRissao

Link to comment

Share on other sites

Clayderson

Link to comment

Share on other sites

EduardoRissao

Link to comment

Share on other sites

Clayderson

Link to comment

Share on other sites

EduardoRissao

Link to comment

Share on other sites

Recently Browsing 0 members

Tópicos recentes

Browse

Important Information