Como faço o carregar mais posts sem da um refresh na pagina

[Gleyson Abreu 49]

Ja vi isso no twitter ate no proprio facebook, já procurei no google faz uns 5horas que to procurando e ate agora não achei nenhum tópico que me ajuda-se a fazer esse sistema em ajax ou js . :innocent: agradeço desde já!

[Anderson Danilo 43]

Você pode consultar alguns tutoriais

 

http://www.inserthtml.com/2013/01/scroll-pagination/

 

https://www.google.com.br/search?q=ajax+scroll+load&oq=ajax+scroll+load&aqs=chrome..69i57j0l5.1402j0j7&sourceid=chrome&es_sm=93&ie=UTF-8

[Rafael Sirotheau 43]

Tente o Infinite Scroll

[Gleyson Abreu 49]

Também não consegui fazer funcionar

[Anderson Danilo 43]

que erro deu, apareceu alguma coisa no console

[Gleyson Abreu 49]

Cara agora tenho esse codigo que peguei em um site de ajax que fez um sistema bem legal, o codigo e esse:

ajax_more.php:

<?php

include("conexao.php");

$pdo=conexao();

if(isSet($_POST['lastmsg']))

{

$lastmsg=$_POST['lastmsg'];

$result=$pdo->prepare("select * from messages where msg_id<'$lastmsg' order by msg_id desc limit 3");

$result->execute();

while($row=$result->fetch(PDO::FETCH_ASSOC))

{

$msg_id=$row['msg_id'];

$message=$row['message'];

?>

<li>

<?php echo $message; ?>

</li>

<?php

}

?>

 

<div id="more<?php echo $msg_id; ?>" class="morebox"> <= APONTA O ERROR AQUI!!

<a href="#" id="<?php echo $msg_id; ?>" class="more">more</a>

</div>

<?php

}

?>

index.php:

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/

libs/jquery/1.3.0/jquery.min.js"></script>

<style type="text/css">

*{ margin:0px; padding:0px }

ol.timeline

{

list-style:none

}

ol.timeline li

{

position:relative;

border-bottom:1px #dedede dashed;

padding:8px;

}

.morebox

{

font-weight:bold;

color:#333333;

text-align:center;

border:solid 1px #333333;

padding:8px;

margin-top:8px;

margin-bottom:8px;

-moz-border-radius: 6px;

-webkit-border-radius: 6px;

}

.morebox a{ color:#333333; text-decoration:none}

.morebox a:hover{ color:#333333; text-decoration:none}

#container{margin-left:60px; width:580px }

</style>

<script type="text/javascript">

$(function()

{

$('.more').live("click",function()

{

var ID = $(this).attr("id");

if(ID)

{

$("#more"+ID).html('<img src="moreajax.gif" />');

 

$.ajax({

type: "POST",

url: "ajax_more.php",

data: "lastmsg="+ ID,

cache: false,

success: function(html){

$("ol#updates").append(html);

$("#more"+ID).remove(); // removing old more button

}

});

}

else

{

$(".morebox").html('The End');// no results

}

 

return false;

});

});

</script>

 

<div id='container'>

<ol class="timeline" id="updates">

 

<?php

include('conexao.php');

$pdo=conexao();

$sql=$pdo->prepare("select * from messages ORDER BY msg_id DESC LIMIT 3");

$sql->execute();

while($row=$sql->fetch(PDO::FETCH_ASSOC))

{

$msg_id = $row['msg_id'];

$message = $row['message'];

?>

<li>

<?php echo $message; ?>

</li>

<?php } ?>

</ol>

<div id="more<?php echo $msg_id; ?>" class="morebox">

<a href="#" class="more" id="<?php echo $msg_id; ?>">more</a>

</div>

 

</div>

 

 

E quando não tenho mais nenhum post para exibir como não tem amis era para apontar um texto The end mais não aparece esse texto e da um error esse:

 

( ! )[/size]

Notice: Undefined variable: msg_id in C:\wamp\www\ibook\ajax_more.php on line [/size]21Call Stack #TimeMemoryFunctionLocation 10.0009246568{main}( )..\ajax_more.php[/size]:0 " class="morebox"> [/size]

 

 

 

 

 

Alguem tem um resposta para isso?

[Gleyson Abreu 49]

Bom estou postando porque descobrir o error não sei se e assim mais, deu certo eo error sumiu foi só "@" onde está o error apontando nas variáveis do @$msg_id tanto em cima como em baixo na ajax_more.php.

Obrigado a quem respondeu!