criando tags Div dinâmicas para tabela gerada por AJAX-PHP-MySQL

<?php $q=$_GET["q"]; $con = mysql_connect('localhost', 'root', ''); if (!$con) { die('Could not connect: ' . mysql_error()); } mysql_select_db("world", $con); $sql="SELECT * FROM country WHERE Code = '".$q."'"; $result = mysql_query($sql); echo ""; while($row = mysql_fetch_array($result)) { echo ""; echo ""; echo ""; echo ""; echo ""; echo ""; echo ""; } echo "
Code Name Continent GNP GNPOld
" . $row['Code'] . "" . $row['Name'] . "" . $row['Continent'] . "" . $row['GNP'] . "" . $row['GNPOld'] . "
"; mysql_close($con); ?>

Acima é PHP e abaixo é HTML para o mesmo e eu estou trabalhando no database mundial de amostras do mysql agora.

    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","moviedetail.php?q="+str,true); xmlhttp.send(); }    
Select Name <?php mysql_connect('localhost','root','') or die ("could not connect DB"); mysql_select_db('world') or die ("could not connect database"); $query="select code, name from country order by name asc" or die ("query failed"); $result=mysql_query($query); while(list($code, $name)=mysql_fetch_row($result)) { echo "".$name.""; echo "
".$name."
"; } ?>
Country info will be listed here.

Isso leva o nome do formulário e da tabela de exibição para o mesmo. Meu outro conjunto de códigos são: –

 <?php for (;$i<$nrows;) { #add 1 so that numbers don't start with 0 echo"\n"; for ($j=0;$j<10&&$i<=$nrows;$j++) { $n = $i; $i=$i + 1; $k=$n%30; $row = mysqli_fetch_assoc($result); extract($row); echo " \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n 
$n
$Name
$Continent
$Region
$SurfaceArea
$IndepYear
$GNP
$k
\n "; if ($k==0)break 2; } echo"\n"; } ?>

e as seções relevantes do html são

  
<?php include ("/connections/query.php"); $nrows = mysqli_num_rows($result); /* Display results in a table */ echo "\n \n"; $i=1; include ("/function/movietable.php"); echo "\n
\n"; ?>
 

Tenho poucos problemas para projetá-lo. Eu quero um efeito mouseover (como no primeiro conjunto de códigos) mostrando mais detalhes sobre cada tabela de país (inteira) gerada pelos dois últimos conjuntos de códigos na coluna que está em branco no código acima. Eu quero que ele permaneça exibido sempre na mesma posição apesar do movimento da página.

E eu tenho um problema mais simples. Como você pode ver acima, parei a consulta em 30 resultados. Eu quero adicionar um botão show-more na parte inferior para mostrar mais resultados na mesma página.

Eu sou novato, então seria muito útil se você apontar erros nos códigos. Até agora está funcionando perfeitamente no localhost.

Sugiro que você use o ez sql para facilitar a consulta do database: http://justinvincent.com/ezsql

E jquery também: http://jquery.com/

E aqui está um tutorial mostrando como fazer chamadas ajax em jquery: http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/

Do seu código, posso ver que você está tentando consultar o database usando uma variável $ _GET. E suponho que o nome do seu campo de pesquisa seja ‘q’. E exibindo os resultados dinamicamente usando javascript.

HTML:

  

JAVASCRIPT:

   

PHP:

  //database configuration here $q = mysql_real_escape_string($_POST['q']); //html table here