Jump to content
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

Marcos13

Duvida AJAX + PHP

Recommended Posts

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.

Share this post


Link to post
Share on other 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>

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.