Erro no carregamento sob demanda de arquivos

Wesley F Souza · Abril 29, 2012

Pessoal, fiz o script olhando uma video aula mas não estou conseguindo atualizar quando clico no link, alguém pode dar uma ajuda?

<script type="text/javascript">
$(function(morel){
$("#novo").click(function(){
	var ultimo = $("#centro table tbody tr.corpo:last").attr("lang");
	$("#simples").html('<p>Carregando...</p>');
	$.post("mpost.php", {ultimo: ultimo}, function(valor){
		$("#simples").empty();
		$("#centro table tbody tr.corpo").append(valor);
	});
});
});
</script>

<div id="centro">
 <table cellspacing="0">
       <thead>
   	    <tr>
                   <th>Titulo</th>
                   <th>Data</th>
   	    </tr>
           </thead>
           <tbody>
<?
 $query       = "SELECT * FROM tabela WHERE status=1 ORDER BY data DESC LIMIT 0,3";
 $queryq      = mysql_query($selec) or die(mysql_error());
 if(mysql_num_rows($queryq) == 0){
  echo '<tr><td colspan="2">Não existe posts no momento!</td></tr>';
 }else {

 while($atualiza = mysql_fetch_assoc($queryq)){

	 echo '<tr class="corpo" lang="'.$atualiza['id'].'">';
	 echo '<td style="color:#990000;">'.$atualiza['titulo'].'</td>';
	 echo '<td>'.$atualiza['data'].'';
	 echo '</tr>';

 }

}
?> 
</tbody>       
</table>
</div>

pagina mpost.php

 <table cellspacing="0">
       <thead>
   	    <tr>
                   <th>Titulo</th>
                   <th>Data</th>
   	    </tr>
           </thead>
           <tbody>
<?
 $ultimo = (int)$_POST['ultimo'];

 $query       = "SELECT * FROM tabela WHERE status=1 AND id < '$ultimo' ORDER BY data DESC LIMIT 0,3";
 $queryq      = mysql_query($selec) or die(mysql_error());
 if(mysql_num_rows($queryq) == 0){
  echo '<tr><td colspan="2">Não existe posts no momento!</td></tr>';
 }else {

 while($atualiza = mysql_fetch_assoc($queryq)){

	 echo '<tr class="corpo" lang="'.$atualiza['id'].'">';
	 echo '<td style="color:#990000;">'.$atualiza['titulo'].'</td>';
	 echo '<td>'.$atualiza['data'].'';
	 echo '</tr>';

 }

}
?> 
</tbody>       
</table>

gremio10 · Maio 2, 2012

Em nenhum local do teu código tu indicou o id="novo".

Está faltando isso.

Wesley F Souza · Maio 2, 2012

Em nenhum local do teu código tu indicou o id="novo".

Está faltando isso.

Beleza, deu certo, mas tipo agora quando clico em atualizar registros ele atualiza assim

Tabela

Conteudo1 Conteudo4

Conteudo2 Conteudo5

Conteudo3 Conteudo6

Conteudo4

Conteudo5

Conteudo6

Dá uma ajuda por favor D:

Conteudo4 Conteudo7

Conteudo5 Conteudo8

Conteudo6 Conteudo9

Conteudo7

Conteudo8

Conteudo9

Conteudo7

Conteudo8

Conteudo9

gremio10 · Maio 2, 2012

Experimenta ao inves de append o appendTo..

Wesley F Souza · Maio 2, 2012

Experimenta ao inves de append o appendTo..

Agora sumiu todo o conteudo :S

gremio10 · Maio 2, 2012

Mostra como ficou o código com as modificações.

Wesley F Souza · Maio 2, 2012

Mostra como ficou o código com as modificações.

Código JavaScript

<script type="text/javascript">
$(function(mor){
       $("#novo").click(function(){
               var ultimo = $("tr.corpo:last").attr("id");
               $("#simples").html('<p>Carregando...</p>');
               $.post("mpost.php", {ultimo: ultimo}, function(valor){
                       $("#simples").empty();
                       $("tr.corpo").appendThis(valor);
               });
       });
});
</script>

Código da Página Atual

<div id="centro">
 <table cellspacing="0">
       <thead>
           <tr>
                   <th>Titulo</th>
                   <th>Data</th>
           </tr>
           </thead>
           <tbody>
<?
 $query       = "SELECT * FROM tabela WHERE status=1 ORDER BY data DESC LIMIT 0,3";
 $queryq      = mysql_query($selec) or die(mysql_error());
 if(mysql_num_rows($queryq) == 0){
         echo '<tr><td colspan="2">Não existe posts no momento!</td></tr>';
 }else {

        while($atualiza = mysql_fetch_assoc($queryq)){

                echo '<tr class="corpo" id="'.$atualiza['id'].'">';
                echo '<td style="color:#990000;">'.$atualiza['titulo'].'</td>';
                echo '<td>'.$atualiza['data'].'';
                echo '</tr>';

        }

}
?> 
</tbody>       
</table>
</div>

Página mpost.php

 <table cellspacing="0">
       <thead>
           <tr>
                   <th>Titulo</th>
                   <th>Data</th>
           </tr>
           </thead>
           <tbody>
<?
 $ultimo = (int)$_POST['ultimo'];

 $query       = "SELECT * FROM tabela WHERE status=1 AND id < '$ultimo' ORDER BY data DESC LIMIT 0,3";
 $queryq      = mysql_query($selec) or die(mysql_error());
 if(mysql_num_rows($queryq) == 0){
         echo '<tr><td colspan="2">Não existe posts no momento!</td></tr>';
 }else {

        while($atualiza = mysql_fetch_assoc($queryq)){

                echo '<tr class="corpo" id="'.$atualiza['id'].'">';
                echo '<td style="color:#990000;">'.$atualiza['titulo'].'</td>';
                echo '<td>'.$atualiza['data'].'';
                echo '</tr>';

        }

}
?> 
</tbody>       
</table>

gremio10 · Maio 2, 2012

Ao invés de:

$("tr.corpo").appendThis(valor);

 <table cellspacing="0">
       <thead>
           <tr>
                   <th>Titulo</th>
                   <th>Data</th>
           </tr>
           </thead>
           <tbody>
<?
 $ultimo = (int)$_POST['ultimo'];

 $query       = "SELECT * FROM tabela WHERE status=1 AND id < '$ultimo' ORDER BY data DESC LIMIT 0,3";
 $queryq      = mysql_query($selec) or die(mysql_error());
 if(mysql_num_rows($queryq) == 0){
         echo '<tr><td colspan="2">Não existe posts no momento!</td></tr>';
 }else {

        while($atualiza = mysql_fetch_assoc($queryq)){

                echo '<tr class="corpo" id="'.$atualiza['id'].'">';
                echo '<td style="color:#990000;">'.$atualiza['titulo'].'</td>';
                echo '<td>'.$atualiza['data'].'';
                echo '</tr>';

        }

}
?> 
</tbody>       
</table>

Coloque:

$("tr.corpo").appendTo(valor);

<?php
 $ultimo = (int)$_POST['ultimo'];

 $query       = "SELECT * FROM tabela WHERE status=1 AND id < '$ultimo' ORDER BY data DESC LIMIT 0,3";
 $queryq      = mysql_query($selec) or die(mysql_error());
 if(mysql_num_rows($queryq) == 0){
         echo '<tr><td colspan="2">Não existe posts no momento!</td></tr>';
 }else {

        while($atualiza = mysql_fetch_assoc($queryq)){

                echo '<tr class="corpo" id="'.$atualiza['id'].'">';
                echo '<td style="color:#990000;">'.$atualiza['titulo'].'</td>';
                echo '<td>'.$atualiza['data'].'';
                echo '</tr>';

        }

}
?>

Wesley F Souza · Maio 2, 2012

Ao invés de:

Desculpa, eu coloquei ai o appendThis, mas já tinha posto o appendTo que foi o caso que limpou a tabela inteira que te falei.

e tbm tirei os thead, table, mas agora só continua ele dando o while do lado da tabela antiga.

Mas aqueles espaçamentos não tem mais.

gremio10 · Maio 2, 2012

$("#novo").click(function(){
               var ultimo = $("tr.corpo:last").attr("id");
               $("#simples").html('<p>Carregando...</p>');
               $.post("mpost.php", {ultimo: ultimo}, function(valor){
                       $("#simples").empty();
                       $("<tr></tr>").html( valor ).appendTo( "tr.corpo" );
               });
       });

<?php
 $ultimo = (int)$_POST['ultimo'];

 $query       = "SELECT * FROM tabela WHERE status=1 AND id < '$ultimo' ORDER BY data DESC LIMIT 0,3";
 $queryq      = mysql_query($selec) or die(mysql_error());
 if(mysql_num_rows($queryq) == 0){
         echo '<td colspan="2">Não existe posts no momento!</td>';
 }else {

        while($atualiza = mysql_fetch_assoc($queryq)){

                echo '<tr class="corpo" id="'.$atualiza['id'].'">';
                echo '<td style="color:#990000;">'.$atualiza['titulo'].'</td>';
                echo '<td>'.$atualiza['data'].'';

        }

}
?>

Wesley F Souza · Maio 2, 2012

$("#novo").click(function(){
               var ultimo = $("tr.corpo:last").attr("id");
               $("#simples").html('<p>Carregando...</p>');
               $.post("mpost.php", {ultimo: ultimo}, function(valor){
                       $("#simples").empty();
                       $("<tr></tr>").html( valor ).appendTo( "tr.corpo" );
               });
       });

<?php
 $ultimo = (int)$_POST['ultimo'];

 $query       = "SELECT * FROM tabela WHERE status=1 AND id < '$ultimo' ORDER BY data DESC LIMIT 0,3";
 $queryq      = mysql_query($selec) or die(mysql_error());
 if(mysql_num_rows($queryq) == 0){
         echo '<td colspan="2">Não existe posts no momento!</td>';
 }else {

        while($atualiza = mysql_fetch_assoc($queryq)){

                echo '<tr class="corpo" id="'.$atualiza['id'].'">';
                echo '<td style="color:#990000;">'.$atualiza['titulo'].'</td>';
                echo '<td>'.$atualiza['data'].'';

        }

}
?>

Agora não está carregando :S, tentei sem o tr mas continua aparecendo os titulos e as datas do lado direito da tabela, e dentro dela.

gremio10 · Maio 2, 2012

Mas está funcionando ? o codigo JS está puxando os dados da outra página ?

Wesley F Souza · Maio 2, 2012

Mas está funcionando ? o codigo JS está puxando os dados da outra página ?

Sim tá puxando normal, a unica coisa que está acontecendo é que os outros dados que chegam nao ficam um em baixo do outro na tabela eles fica do lado dos outros dados tipo assim

Conteudo1 Conteudo4

Conteudo2 Conteudo5

Conteudo3 Conteudo6

e não assim

Conteudo1

Conteudo2

Conteudo3

Conteudo4

Conteudo5

Conteudo6

gremio10 · Maio 3, 2012

Mas então isso é questão de como está ficando montada a tabela.

Faz assim, se tu usa o chrome ou mozilla, com o mouse, botão direito, inspecionar elemento, e olhe como ele está sendo montado o <tr> e <td>, assim tu irá conseguir arrumar a construção da tua tabela.

Wesley F Souza · Maio 3, 2012

Mas então isso é questão de como está ficando montada a tabela.

Faz assim, se tu usa o chrome ou mozilla, com o mouse, botão direito, inspecionar elemento, e olhe como ele está sendo montado o <tr> e <td>, assim tu irá conseguir arrumar a construção da tua tabela.

Consegui resolver o problema :D era só declarar uma classe pra table. Muito obrigado pela ajuda Felipe :)

Arquivado

Erro no carregamento sob demanda de arquivos

Recommended Posts

Wesley F Souza 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

gremio10 14

Compartilhar este post

Link para o post

Compartilhar em outros sites

Wesley F Souza 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

gremio10 14

Compartilhar este post

Link para o post

Compartilhar em outros sites

Wesley F Souza 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

gremio10 14

Compartilhar este post

Link para o post

Compartilhar em outros sites

Wesley F Souza 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

gremio10 14

Compartilhar este post

Link para o post

Compartilhar em outros sites

Wesley F Souza 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

gremio10 14

Compartilhar este post

Link para o post

Compartilhar em outros sites

Wesley F Souza 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

gremio10 14

Compartilhar este post

Link para o post

Compartilhar em outros sites

Wesley F Souza 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

gremio10 14

Compartilhar este post

Link para o post

Compartilhar em outros sites

Wesley F Souza 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante