Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Weikm@n

POP UP com DIV

Por , em Javascript

Recommended Posts

Weikm@n    0

Weikm@n
Postado

Olá galera, seguinte...

 

criei uma css pra minha div

<style type="text/css">
#popup{
	position: absolute;
	top: 20px;
	left: 50px;
	width: 600px;
	height: 400px;
	display: none;
	background-image: url(cartaodenatal2009.jpg);
}
</style>
dai criei uma funcao em javascript pra abrir e fexa o pop up.

<script language="javascript" type="">
      // Função que fecha o pop-up ao clicar no link fechar
      function fechar(){
      document.getElementById('popup').style.display = 'none';
      }
      // Aqui definimos o tempo para fechar o pop-up
      function abrir(){
      document.getElementById('popup').style.display = 'block';
      }
      </script>
entao mandei ele abrir junto cm a pagina

<body onLoad="javascript: abrir()">
e finalmente criei a div e criei um link pra qnd eu clicar em qlqr lugar da imagem, ela fexe

<a href="javascript: fechar();"><DIV id="popup" class="popup">
</DIV></a>
pronto, entao salvei em php e testei localmente, funcionou q foi uma beleza.

 

entao joguei o mesmo codigo em um index online, e nao apareceu nada.

o endereço da imagem eu alterei qnd foi pra online, mas nao deu nada, entao tirei a imagem e botei soh o background de qlqr cor pra mim vr, mas nada acontece tbm, usei o z-index pensando q tava atraz, e nada.

 

O q faço?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Poste o link do site para vermos oque ocorreu. Mas a principio..

o correto é:

<script type="text/javascript">
e:

<div id="popup" class="popup"><a href="javascript: fechar();">
</a>X</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Weikm@n    0

Weikm@n
Postado

hmm, eu jah havia feito as alterações no <script type="text/javascript">

o link da imagem eh background-image: url(images/popups/cartaodenatal2009.jpg);

 

e sobre o

<div id="popup" class="popup"><a href="javascript: fechar();">

</a>X</div>

eu botei diferente pra q ele fexe ao clicar em qlqr parte da imagem, e nao somente no x, mas isso dah algum tipo de comflito?

 

fiz as alterações novamente cm o codigo q você me mandou e nada.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Weikm@n    0

Weikm@n
Postado

Pensei ate em incluir, mas ainda nao fiz isso, eu botei tudo na mesma pagina, acontece q o site nao foi criado por mim, soh me repasaram a senha e o ftp pra mim fazer a alteracoes, ele tah cm base em um template, mas nao sei se eh por causa disso q nao tah funcionando,

mas segue o codigo completo da pagina.

 

<?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); ?>
<!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" xml:lang="pt-br" lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<meta name="robots" content="all" />
<meta name="language" content="pt-br" />
<style type="text/css">
#popup{
	position: absolute;
	top: 20px;
	left: 50px;
	width: 600px;
	height: 400px;
	display: none;
	border: 2px solid #000000;
	z-index: 4;
	background-image: url(images/popups/cartaodenatal2009.jpg);
}
</style>
<?php mosShowHead(); ?>
<link href="css/template_css.css" rel="stylesheet" type="text/css" media="all" />
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" media="all" />
<!--[if IE]>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
	<script type="text/javascript">
      // Função que fecha o pop-up ao clicar no link fechar
      function fechar(){
      document.getElementById('popup').style.display = 'none';
      }
      // Aqui definimos o tempo para fechar o pop-up
      function abrir(){
      document.getElementById('popup').style.display = 'block';
      }
	</script>
</head>

<body onLoad="javascript: abrir()">
<div id="popup" class="popup"><a href="javascript: fechar();">
</a>X</div>

<!--CONTAINER-->
<div id="container">

<!-- TOPO -->

<div id="topo">
  <object type="application/x-shockwave-flash" data="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/img/topo-capanema.swf" width="760" height="146">
    <param name="movie" value="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/img/topo-capanema.swf" />
  </object>
</div>

<!-- barra -->
<div id="barra">

<div class="data">hoje é <?=$diasemana["$diasemanan"]?>, <?=$dia?> de <?=$mes["$mesn"]?> de <?=$ano?></div>
<div class="multimidia">
<ul>
 <li class="icoradio"><a href="javascript:StartPlayer();" title="Radio">Radio</a></li>
 <li class="icovideos"><a href="/index.php?option=com_seyret&Itemid=10" title="Videos">Videos</a></li>
 <li class="icofotos"><a href="/index.php?option=com_rsgallery2&Itemid=9" title="Fotos">Fotos</a></li>
</ul>
</div>
<div class="busca"><?php mosLoadModules ( 'busca',-2); ?></div>

</div>
<!--/ barra -->


<!--/ TOPO -->

<!-- CORPO -->
<div id="hum"><?php mosLoadModules ( 'left',-2); ?></div>
<div id="dois">
	<div class="ajuste">
<?php
// Verifica se é a home page
$home = $_REQUEST['option'];
if ($home == "com_frontpage" or $home == null) {
// HOME
?>

<?php mosLoadModules ( 'slide',-2); ?>

<div id="noticias">
<?php mosLoadModules ( 'bloco1',-2); ?>
</div>

<br clear="all" />

<div id="ladoa">
<div class="radio"><?php mosLoadModules ( 'radio',-2); ?></div>
<?php mosLoadModules ( 'videos',-2); ?>
</div>
<div id="ladob"><?php mosLoadModules ( 'fotos',-2); ?></div>

<br clear="all" />

<?php mosLoadModules ( 'bloco3',-2); ?>
<?php mosLoadModules ( 'servicos',-2); ?>

<?php
// página interna
}else{
?>

<div class="interna">
<?php mosMainBody(); ?>
</div>

<?php
}// fim da verificação se é a página de notícias
?>

</div><!-- ajuste -->

</div>


<div id="tres"><?php mosLoadModules ( 'right',-2); ?></div>


<!--/ CORPO -->


<br clear="all" />

<div id="rodape">

<address>
<?php echo mosCurrentDate( '%Y' ) . ' - ' . $GLOBALS['mosConfig_sitename'];?>
</address>

<?php mosLoadModules ( 'footer',-2); ?>

<br clear="both" />


<ul class="cert">
<li class="xhtml"><a href="http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.capanema.pa.gov.br%2F" target="_blank">XHTML</a></li>
<li class="css"><a href="http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.capanema.pa.gov.br%2F" target="_blank">CSS</a></li>
</ul>

<div id="licenca">
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/2.5/br/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/2.5/br/88x31.png" /></a>
</div>

<br clear="both" />


</div>

</div>
<!--/CONTAINER-->


<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8314076-1");
pageTracker._trackPageview();
} catch(err) {}

</script>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dee    0

Dee
Postado

Nesta linha:

background-image: url(images/popups/cartaodenatal2009.jpg);
Faltou aspas no endereço da imagem

background-image: url("images/popups/cartaodenatal2009.jpg");
Na hora que você chama a função nao precisa falar que eh javascript, o proprio evento que você coloca sabe disso, exemplo aqui:

<body onload="javascript: abrir()">
Pode deixar sem o javascript:.

 

E no link tbm. Porém no link eu prefereria colocar a função no OnClick

<div id="popup" class="popup"><a href="#" onClick='fechar()'>

OBS: O que eh essa class='popup' ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Weikm@n    0

Weikm@n
Postado 

<style type="text/css">
#popup{
        position: absolute;
        top: 20px;
        left: 50px;
        width: 600px;
        height: 400px;
        display: none;
        border: 2px solid #000000;
        z-index: 4;
        background-image: url(images/popups/cartaodenatal2009.jpg);
}
</style>

OBS: O que eh essa class='popup' ?

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Weikm@n    0

Weikm@n
Postado

Fiz as alterações, testei e retestei, mas nada, nao sei o q eh, tw axando eh influencia de ser um template,

eu soh quero q ela abra um simples pop up cm uma imagem, nada demais. pq tao sendo tao dificil heim? rsrssrsr

 

mas desde jah, mto obrigado a todos, qm puder me ajudar, ficarei mais grato ainda.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dee    0

Dee
Postado

Velho

Eu peguei seu código e coloquei aqui, salvei e joguei num servidor.

Rodou Legal.

Eu só abaixei um pouco o POPUP porquê o Flash fica na frente, não consegui sobrepor.

<style type="text/css">
#popup{
        position: absolute;
        top: 161px;
        left: 50px;
        width: 600px;
        height: 400px;
        display: none;
        border: 2px solid #000000;
        z-index: 1;
	float:right;
        background-image: url("logo_download.png");
}
</style>

você colocou o endereço certo da imagem ?

Nao dá nenhum erro de script ?

 

E alterei aqui tbm, pq o X estava fora do Link:

<div id="popup" class="popup"><a href="javascript: fechar();">X</a></div>

Pode conferir se quiser.

http://www.salcam.com.br/das.html

 

Coloquei só para você ver. Dae você olha o código fonte se quiser. Não alterei nada.

È temporário, quando você ver, você me fala para tirar ok.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Weikm@n    0

Weikm@n
Postado

verdade, no seu tah funcionando legal, bem, axo q nao tah dando nenhum erro no script nao, na verdade nao sei como textar o script, mas creio q nao, fiz as alteracoes novamente, e nada.

ai o endereço da imagem no broswer

 

http://www.capanema.pa.gov.br//images/popups/cartaodenatal2009.jpg

 

aki no ftp

 

/public_html/images/popups/cartaodenatal2009.jpg

 

 

Velho

Eu peguei seu código e coloquei aqui...

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dee    0

Dee
Postado

Então, eu nao tenho acesso a internet no meu trabalho.

Nao consigo ver o seu site.

 

Mas se você usar o internet explorer, quando da erro de script ele avisa la do lado esquerdo na barra de status.

Aparece algum erro ali quando você roda a página ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Weikm@n    0

Weikm@n
Postado

testei aki no iexplore, apareceu um relatorio de privacidade.

 

dentre os q apareceram no relatorio, tm.

 

Não foi possível encontrar uma deretiva de primacidade para

http://www.capanema.pa.gov.br/images/popups/cartaodenatal2009.jpg. para exivir a diretiva de privacidade deste site, contate o site diretamente.

 

debloqueei o o cookies, e nao deu nada.

erro nao apareceu nenhum nao.

 

e como você tah conseguindo post algo se você nao tah cm acesso a internet? nao entendi, rsrsr

 

 

Então, eu nao tenho acesso a internet no meu trabalho.

Nao consigo ver o seu site.

 

Mas se você usar o internet explorer, quando da erro de script ele avisa la do lado esquerdo na barra de status.

Aparece algum erro ali quando você roda a página ?

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dee    0

Dee
Postado

Nao, nao eh isso de privacidade

Ele aparece um triangulo amarelo tipo de atenção, do lado esquerdo.

Onde mostra as URL.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dee    0

Dee
Postado

---------EDIT----------

Nao sei se você viu antes de eu editar, mas desconsidera aquilo.

Mas que estranho cara.

 

Olha, ta ligado a função abrir(), coloca um:

alert("Entrou na função");

só para ver se está entrando.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Weikm@n    0

Weikm@n
Postado

nao, nao vi, tw vendo agora esse ultimo seu, entao fica assim neh?

function abrir(){
	  alert("Entrou na função");
      document.getElementById('popup').style.display = 'block';
      }

Olha, ta ligado a função abrir()...

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dee    0

Dee
Postado

Isso.

Se ele der o alerta, é porque está entrando, senao nao. E tem algum erro no seu código.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito