EduardoRissao Postado Dezembro 16, 2015 Compartilhar Postado Dezembro 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? Link para o comentário Compartilhar em outros sites More sharing options...
Matheus Oliveira Postado Dezembro 16, 2015 Compartilhar Postado Dezembro 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. Link para o comentário Compartilhar em outros sites More sharing options...
Anger Postado Dezembro 16, 2015 Compartilhar Postado Dezembro 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> Ajude o fórum! Antes de postar, leiam as regras de postagem aqui. Link para o comentário Compartilhar em outros sites More sharing options...
Thiago Sabaia Postado Dezembro 16, 2015 Compartilhar Postado Dezembro 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 █ Super T Host | Revenda de Hospedagem SSD a partir de R$ 65,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 983 121 387 Link para o comentário Compartilhar em outros sites More sharing options...
Clayderson Postado Dezembro 16, 2015 Compartilhar Postado Dezembro 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. Link para o comentário Compartilhar em outros sites More sharing options...
EduardoRissao Postado Dezembro 16, 2015 Autor Compartilhar Postado Dezembro 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. Link para o comentário Compartilhar em outros sites More sharing options...
Clayderson Postado Dezembro 16, 2015 Compartilhar Postado Dezembro 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 (: Link para o comentário Compartilhar em outros sites More sharing options...
EduardoRissao Postado Dezembro 17, 2015 Autor Compartilhar Postado Dezembro 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> Link para o comentário Compartilhar em outros sites More sharing options...
Clayderson Postado Dezembro 17, 2015 Compartilhar Postado Dezembro 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. Link para o comentário Compartilhar em outros sites More sharing options...
EduardoRissao Postado Dezembro 17, 2015 Autor Compartilhar Postado Dezembro 17, 2015 (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 Dezembro 17, 2015 por EduardoRissao Atualizando o post. Link para o comentário Compartilhar em outros sites More sharing options...
Posts Recomendados