pegar valor de div dentro de outra
tenho esse código que envia para uma pagina via ajax os registros da tabela, no caso os nomes, até ai beleza, agora o que estou tentando fazer é que nas lista de nome ao clicar em um nome eu pegue o mesmo valor ou o id desse nome e passe de volta via post para uma página php para eu puxar exatamente tudo relacionado ao nome ou id da pessoa e abrir um modal com isso... espero que de pra entender.. o problema está em resgatar o valor do id ou nome pra passar por parametro no post
<?php
if(!empty($_GET["valor"]))//SELECIONA O BANCO DE DADOS QUE VAI USAR
mysql_select_db("escolarys");
// EXECUTA A INSTRUÇÃO SELECT PASSANDO O QUE O USUARIO DIGITOU
$sql="select * from pessoa where nome like '$_GET[valor]%'";
$resultado=mysql_query($sql) or die (mysql_error());//VERIFICA A QUANTIDADE DE REGISTROS RETORNADOS
$linhas=mysql_num_rows($resultado);
if($linhas>0){//EXECUTA UM LOOP PARA MOSTRAR OS NOMES DAS PESSOAS
// VALE LEMBRAR QUE TODOS ESSES RESULTADOS SERAO MOSTRADOS DENTRO DA PAGINA INDEX.PHP
// DENTRO DO DIV 'PAGINA'
while($pegar=mysql_fetch_array($resultado))
echo "<p>$pegar[nome]<p><br>";
}
}
?>// JavaScript Document
// FUNÇÃO RESPONSÁVEL DE CONECTAR A UMA PAGINA EXTERNA NO NOSSO CASO A BUSCA_NOME.PHP
// E RETORNAR OS RESULTADOS
function ajax(url)
{
//alert(nick);
//alert(dest);
//alert(msg);
req = null;if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = processReqChange;
req.open("GET",url,true);
req.send(null);} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = processReqChange;
req.open("GET",url,true);
req.send();
}
}
}
function processReqChange()// apenas quando o estado for "completado"
if (req.readyState == 4) {
// apenas se o servidor retornar "OK"
if (req.status ==200) {
// procura pela div id="pagina" e insere o conteudo
// retornado nela, como texto HTML
document.getElementById('pagina').innerHTML = req.responseText;
} else {
alert("Houve um problema ao obter os dados:n" + req.statusText);
}
}
}<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>BUSCA DINÂMICA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.3.pack.js"></script>
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.3.css" type="text/css" media="screen" />
<script src="js/script.js"></script>
<script>
function pesquisa(valor){
//FUNÇÃO QUE MONTA A URL E CHAMA A FUNÇÃO AJAX
url="BuscaNome.php?valor="+valor;
ajax(url);
}
$(document).ready(function(){
$('#pagina p').click(function(){
// var id = $(this).attr('id');
var value = $(this).val(); <<<<<< o problema esta aqui, ele não pega o valor do p para eu passa no post
// Pega o valor dos inputs
// var pagina = $('#pagina p').html();
alert(value);// O DIVINO
$.post('example.php', {paginaUser : value}, function(){});
$.fancybox('example.php',{
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'padding': 0,
'margin': 0,
'type': 'iframe',
'width': 940,
'height': 600,
'scrolling': 'no',
'overlayColor': '#58595B',
'overlayOpacity': 0.53,
'opacity': true,
'centerOnScroll': false,
'showCloseButton': false
});}); // Fim do Click
}); // Fim do Document Read
</script>
</head>
<body>
<table width="657" border="0" bgcolor="#f7f7f7">
<tr>
<td align="center" bgcolor="#CCCCCC"><strong><font color="#FF0000" size="1" face="Verdana, Arial, Helvetica, sans-serif"><-
BUSCA DINÂMICA -></font></strong></td>
</tr>
<tr>
<td><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>DIGITE
AQUI O NOME DA PESSOA</strong></font>:<input type="text" name="nome" onKeyUp="pesquisa(this.value)"></td>
</tr>
<tr>
<td><div id="pagina"></div>
</td>
</tr>
</table>
</body>
</html>Discussão (6)
Carregando comentários...