Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

Marcos13

Duvida AJAX + PHP

Mensagens Recomendadas

Marcos13

Boas pessoal...Estou a desenvolver um site e apareceu me um problema que não consigo mesmo resolver...

O site vai ter uma lista de imagens, e quando se carrega na imagem, vai aparecer mais fotos e infos por baixo da lista. Chamemos-lhe pagina.php

Tudo acedendo à base de dados, por isso usei AJAX.

E onde aparecem mais imagens, queria meter uma coisa tipo standvirtual, uma imagem grande, e o resto em thumbs e quando se carrega nos thumbs aparece a imagem em grande, dentro daquele espaço.

Tipo isto: Aqui

Ou isto: Aqui

Até aqui tudo ok. E já consegui ter uma pagina com ambos os exemplos a funcionar com a base de dados

A pagina getimg.php

Mas o que acontece é que depois de carregar numa imagem da lista (pagina.php), aparece o tal "slideshow" por baixo da lista, mas este não funciona. Embora esteja bem feito, pois funciona na pagina getimg.php.

Será que por estar a usar 2 vezes o AJAX ele bloqueia?

ja tentei com o codigo <script></script> nas duas paginas, já tentei so na principal (pagina.php), e nada.

Agradecia que me dessem uma ajudinha

Cumprimentos

PS: Se não estiver na secção correcta agradecia que movessem o topico.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
Marcos13

Tens razão...Vou tentar colocar aqui de forma a perceberem...

Aqui está:

http://marcosfonseca.freehostia.com/quartos.php

http://marcosfonseca.freehostia.com/getimg.php

Na pagina quartos.php experimentei o quarto 1, 2 e 7. Ele mostra a pagina getimg.php por baixo da tabela...Mas não funciona igual, se acedermos directamente a pagina getimg.php.

Aqui fica o codigo que coloquei nas 2 paginas. Já tentei meter numa só. Mas o resultado é igual.

<script type="text/javascript" src="Scripts/jquery-1.js"></script>
<script type="text/javascript">
function showUser(str)
{
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getimg.php?q="+str,true);
xmlhttp.send();
}
_______

$(document).ready(function() {	

//Show Banner
$(".main_image .desc").show(); //Show Banner
$(".main_image .block").animate({ opacity: 0.85 }, 1 ); //Set Opacity

//Click and Hover events for thumbnail list
$(".image_thumb ul li:first").addClass('active'); 
$(".image_thumb ul li").click(function(){ 
	//Set Variables
	var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image
	var imgTitle = $(this).find('a').attr("href"); //Get Main Image URL
	var imgDesc = $(this).find('.block').html(); 	//Get HTML of block
	var imgDescHeight = $(".main_image").find('.block').height();	//Calculate height of block	

	if ($(this).is(".active")) {  //If it's already active, then...
		return false; // Don't click through
	} else {
		//Animate the Teaser				
		$(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
			$(".main_image .block").html(imgDesc).animate({ opacity: 0.85,	marginBottom: "0" }, 250 );
			$(".main_image img").attr({ src: imgTitle , alt: imgAlt});
		});
	}

	$(".image_thumb ul li").removeClass('active'); //Remove class of 'active' on all lists
	$(this).addClass('active');  //add class of 'active' on this list only
	return false;

}) .hover(function(){
	$(this).addClass('hover');
	}, function() {
	$(this).removeClass('hover');
});

//Toggle Teaser
$("a.collapse").click(function(){
	$(".main_image .block").slideToggle();
	$("a.collapse").toggleClass("show");
});

});//Close Function
</script>

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.