Ir para conteúdo

POWERED BY:

Arquivado

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

Eduardo Kalsing

Abrir foto em DIV

Por , em Javascript

Recommended Posts

Eduardo Kalsing    0

Eduardo Kalsing
Postado

Boa tarde!

Tenho o seguinte código:

 

//onde sera carregado o conteudo, deixei comentada a foto para testar
<div class="img-produto" id="conteudo_mostrar">
               <!--<img class="produto" src="foto_pequena/<?=$produto['foto_pequena'];?>" alt="<?=$produto['titulo'];?>" title="<?=$produto['titulo'];?>"  />-->
            </div>
//link para abrir novo conteúdo
<div class="cores" id="menu">
<p><a class="cor Branco" title="Branco" href="#" onclick="abrirPag('conteudo.html');"><span class="hidden">#</span></a><a title="Branco" href="#" onclick="abrirPag('conteudo.html');">Branco</a></p>
</div>

//essa é a pagina conteudo.html
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
<title>Clientes</title>  
</head>  
<body>  
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.  
</body>  
</html>  

//JS 1
function GetXMLHttp() {  
if(navigator.appName == "Microsoft Internet Explorer") {  
	xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");  
}  
else {  
 xmlHttp = new XMLHttpRequest();  
}  
return xmlHttp;  
}  
   
 var xmlRequest = GetXMLHttp();  

//JS 2
 function abrirPag(valor){  
 var url = valor;  
   
 xmlRequest.open("GET",url,true);  
 xmlRequest.onreadystatechange = mudancaEstado;  
 xmlRequest.send(null);  
   
 if (xmlRequest.readyState == 1) {  
 document.getElementById("conteudo_mostrar").innerHTML = "<img src='loader.gif'>";  
 }  
   
 return url;  
 }  
   
 function mudancaEstado(){  
 if (xmlRequest.readyState == 4){  
 document.getElementById("conteudo_mostrar").innerHTML = xmlRequest.responseText;  
 }  
 }

Porém, não está ocorrendo a ação... alguém pode me ajudar aí, sobre o que está errado no meu código?

porque testei em um html separado, sem qlqr conteúdo php dinâmico e deu certo...

agradeço

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

por um acaso:

<div class="img-produto" id="conteudo_mostrar">
               <!--<img class="produto" src="foto_pequena/<?=$produto['foto_pequena'];?>" alt="<?=$produto['titulo'];?>" title="<?=$produto['titulo'];?>"  />-->
            </div>
está dentro de um loop??

 

você não pode repetir IDs

Compartilhar este post

Link para o post
Compartilhar em outros sites

Eduardo Kalsing    0

Eduardo Kalsing
Postado

por um acaso:

<div class="img-produto" id="conteudo_mostrar">
               <!--<img class="produto" src="foto_pequena/<?=$produto['foto_pequena'];?>" alt="<?=$produto['titulo'];?>" title="<?=$produto['titulo'];?>"  />-->
            </div>
está dentro de um loop??

 

você não pode repetir IDs

 

bah, é verdade! tá dentro de um foreach mesmo...

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