Ir para conteúdo

POWERED BY:

Arquivado

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

eu_Nana

carregar pagina com imagem dentro de div

Por , em Javascript

Recommended Posts

eu_Nana    0

eu_Nana
Postado

Olá pessoal...

 

Eu de novo.....preciso carregar uma página dentro de uma div usando ajax....até ai td bem esta dando certo......eu carrego uma pagina com uma imagem pequena e preciso dar um zoom nessa imagem....bom....eu consigo carregar a pagina com a imagem dentro da div.....mais qnd clico para dar um zoom nela....abre em outra janela......e qnd carrego essa msm pagina fora da div....o efeito zoom funciona de maneira correta...oq estou fazendo de errado....

 

veja os códigos....

 

pagina com a imagem

<?
  header("Content-Type: text/html; charset=ISO-8859-1",true);
  ?>
  
  <meta name="language" content="pt-br" />
    
  <link href="css/estilos.css" rel="stylesheet" type="text/css" />
  <link href="css/menu_lat.css" rel="stylesheet" type="text/css" />
  
  <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
  <script  src="js/prototype.js" type="text/javascript"></script>
	<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
	<script src="js/lightbox.js" type="text/javascript"></script>
  
     <div id="geral">     
          <div id="conteudo">
              
                  <span class="page_tile">LOCALIZAÇÃO</span> 
              
              
                  <div style="width:590px; height:auto; margin-bottom:25px;">
                  
                   <a href="../imagens/imagem.jpg" rel="lightbox"><img src="../imagens/mini_imagem.jpg"></a><br /><br />
                    <div style="padding-top:10px; padding-right:15px; padding-left:5px;">
                  		 Clique na imagem para aumentar!
                	</div>
                  

            </div>
          </div>
  </div>

index.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>

<script type="text/javascript" src="js/ajax.js"></script>
<script type="text/javascript" src="js/instrucao.js"></script>
<script type="text/javascript" src="js/enviaForm.js"></script>

<script src="js/jquery.js" type="text/javascript"></script>

<title>Página Teste</title>


<link href="css/estilos.css" rel="stylesheet" type="text/css" />
<link href="css/menu_lat.css" rel="stylesheet" type="text/css" />


<link rel="stylesheet" href="page_ciaa/css/lightbox.css" type="text/css" media="screen" />
<script src="page/js/prototype.js" type="text/javascript"></script>
<script src="page/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="page/js/lightbox.js" type="text/javascript"></script>

</head>

<body bgcolor="#f9f9f9">

<div id="geral">
		<div id="topo">
		  <?php
			    require "topo.php";
		   ?>
		</div>
		
        <div id="menu">
       
		  <?php
				include "menu_lateral.php";	
  		  ?>
           
  		</div>
        
		<div id="conteudo">
           	
	
			<?php
						include("home.php");	
			?>
			
              
  </div>
  
  		<div id="menu_dir">
       
		  <?php
				include "lateral_dir.php";	
  		  ?>
           
  		</div>

</div>
</body>
</html>

OBS: tb chamei o arquivo .js que dá o efeito zoom no index.php...

 

Alguém pode me ajudar por favor....

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Javascript carregado com AJAX não funciona.

 

Já vi muitos tentando fazer isso, aqui algumas dicas que podem te ajudar, mas não garanto que vá resolver:

-> Não traga script na página que vai vir via AJAX (já deixe tudo na que está previamente carregada)

 

http://forum.imasters.com.br/index.php?/topic/264642-executar-funcoes-js-em-paginas-carregadas-com-ajax/

 

http://forum.imasters.com.br/index.php?/topic/165277-ajax-executando-scripts-dentro-de-uma-pagina-carregada-com-ajax/

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