Ir para conteúdo

POWERED BY:

Arquivado

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

Vandilson Lima

[Resolvido] Div (pop up) com conteudo dinânico em php

Recommended Posts

Esse é o codigo da pagina onde ficarão os links para abrir a div:

 

<?php
		
		
		include("conectar.php");
				
				$sql = "SELECT * FROM shows_bandas WHERE id_banda = '$_GET[id]'  ORDER BY data DESC LIMIT 4 ";
	
$qry = mysql_query($sql) or die ("Erro ao Execur SQL: ".mysql_error());
	while($reg = mysql_fetch_array($qry)){			
		
		$data = date ("d-m-Y", strtotime ($reg["data"]));
		$cod = "{$reg['cod']}";
		
		
		
		echo"<div class='fonte-extra' id='linha_detalhes_shows_banda'><a href='show.php?cod={$reg['cod']}' >Detalhes...</a></div>
							
		<div id='linha_shows_banda'><span class='fonte-entrevista_entrevista'>$data</span> - <span class='fonte-entrevista_entrevista'><strong>{$reg['cidade']} - {$reg['estado']} </strong></span></div>		";
		
		
		
		
		
		
		}
		
		?>

 

do jeito que está ai ele esta com link pra exibir uma outra página com as informações que ficariam na DIV

 

 

 

 

 

 

Este codigo é o javascript que faz abrir a div:

 

<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';

	  setTimeout ("fechar()", 20000);

	  }

	  </script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

não entendi pra que as chaves...

$cod = "{$reg['cod']}";

tenta tirar...

 

aí você pega os códigos javascript q eu postei e inclui aí nesse script seu, substitui essas funções q você tem aí...

 

No php, na hora de gerar o link, faça:

 

echo"<div class='fonte-extra' id='linha_detalhes_shows_banda'><a href='show.php?cod=$reg['cod']' onclick=\"return mostraDetalhes('".$reg['cod']."')\">Detalhes</a>"

SÓ NÃO ESQUECE DE ESPECIFICAR O ID DA DIV NO SCRIPT, ONDE TIVER document.getElementById("ID DA DIV"), troque ID DA DIV por "popup", que é o nome da sua div

Compartilhar este post


Link para o post
Compartilhar em outros sites

o caminho para a página deve estar errado...

 

o arquivo que busca os detalhes está na mesma pasta???

 

ou outra... você alterou o valor da variável página na função carregaPagGet????

 

var pagina = "detalhes.php?cod_artista="+codigo;

muda aí o "detalhes.php" para o nome do arquivo que busca as informações...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Codigo onde ficam os links:

 

<?php
		
		
		include("conectar.php");
				
				$sql = "SELECT * FROM shows_bandas WHERE id_banda = '$_GET[id]'  ORDER BY data DESC LIMIT 4 ";
	
$qry = mysql_query($sql) or die ("Erro ao Execur SQL: ".mysql_error());
	while($reg = mysql_fetch_array($qry)){			
		
		$data = date ("d-m-Y", strtotime ($reg["data"]));
		
		
		
		echo"<div class='fonte-extra' id='linha_detalhes_shows_banda'><a href='?cod={$reg['cod']}' onclick=\"return mostraDetalhes('".$reg['cod']."')\" >Detalhes...</a></div>
							
		<div id='linha_shows_banda'><span class='fonte-entrevista_entrevista'>$data</span> - <span class='fonte-entrevista_entrevista'><strong>{$reg['cidade']} - {$reg['estado']} </strong></span></div>		";
		
		
		
		
		
		
		}
		
		?>

 

 

 

 

 

Codigo da DIV:

 

<?php
		
		
		include("conectar.php");
				
				$sql = "SELECT * FROM shows_bandas WHERE id_banda = '$_GET[id]'  ORDER BY data DESC LIMIT 4 ";
	
$qry = mysql_query($sql) or die ("Erro ao Execur SQL: ".mysql_error());
	while($reg = mysql_fetch_array($qry)){			
		
		$data = date ("d-m-Y", strtotime ($reg["data"]));
		
		
		
		echo"<div class='fonte-extra' id='linha_detalhes_shows_banda'><a href='?cod={$reg['cod']}' onclick=\"return mostraDetalhes('".$reg['cod']."')\" >Detalhes...</a></div>
							
		<div id='linha_shows_banda'><span class='fonte-entrevista_entrevista'>$data</span> - <span class='fonte-entrevista_entrevista'><strong>{$reg['cidade']} - {$reg['estado']} </strong></span></div>		";
		
		
		
		
		
		
		}
		
		?>

 

 

 

 

 

Página show.js:

 

var xmlHttp;

function Cria_XmlHttpObject(){

	var xmlHttp = null;
	
	//cria o objeto XMLHttpRequest pra firefox, mozila, opera, etc
	try {
		xmlHttp = new XMLHttpRequest();
	}
	
	//cria o objeto XMLHttpRequest pra internet explorer, 6,0 + e posteriormente para internet explorer
	catch (e) {
		try {
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		}
		
		catch (e) {
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	
	return xmlHttp;
}

/*
o parametro aqui é o codigo do evento a ser carregado, passe o codigo do show, ou etc pelo metodo get.
no PHP: echo "<a href=\"java script: mostraDetalhes();\" onclick=\"return mostraDetalhes('$cod_show')\">Detalhes</a>"
*/
function mostraDetalhes(codigo){
	xmlHttp = Cria_XmlHttpObject();
	
	if (xmlHttp == null) {
		alert('O seu Broswer não suporta AJAX!');
		return;
	}
	
	var objetoHTML = document.getElementById("popup");
	
	//mostrar a div que tá oculta
	objetoHTML.style.display = "block";
	
	// exibe um "Carregando" enquanto a página carrega;
	objetoHTML.innerHTML = "<div id='carregando'>Carregando...</div>" + objetoHTML.innerHTML;
	
	var pagina = "detalhes.php?cod_artista="+codigo;
	
	xmlHttp.open("GET", pagina, true);
	
	
	xmlHttp.onreadystatechange = function(){
		if (xmlHttp.readyState == 4) {
			if (xmlHttp.status == 200) {
				objetoHTML.innerHTML = xmlHttp.responseText;
			}
			else
				if (xmlHttp.status == 404) {
					objetoHTML.innerHTML = "<div>Página não encontrada.</div>";
				}
		}
	}
	
	
	xmlHttp.send(null);

		return false; //IMPORTANTE para que o atributo href do link não seja ativado.
}

//atribua ao "X" da janela
function fecharDiv(){
	var objetoHTML = document.getElementById("popup");
	objetoHTML.style.display = "none"; //oculta a div
	objetoHTML.innerHTML = ""; //zera o conteudo da div;

}

 

 

 

 

 

 

 

 

 

E a novole continua ....

Compartilhar este post


Link para o post
Compartilhar em outros sites

os arquivos que estão no servidor tão atualizados???

 

se não, atualiza lah pra eu ver o que tah acontecendo...

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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