Endless Scroll with Jquery, PHP, and Ajax -


so i'm trying impliment endless scroll pulling table in mysql database , have when bottom of page reached call new number of reviews pulled newsfeed reason when gets bottom shows loading gif , nothing new loads. messing awesome. guys

here jquery/ajax:

<script> //script continue home newsfeed after 10 posts $(window).scroll(function() { if($(window).scrolltop() === $(document).height() - $(window).height()) {     $('div#load_more_posts').show();      $.ajax( {         url: "load_more_posts.php?lastpost=" + $(".display_newsfeed:last").attr("id"),         success: function(html) {             if(html) {                 $("#outputdiv").append(html);                 $('div#load_more_posts').hide();             } else {                 $('div#load_more_posts').replacewith("<center>finished loading posts!</center>")             }         }     }); }  });  </script> 

here part of code newsfeed called:

<div class="outputdiv">     <?php echo "$outputlist"; ?><!-- div output has been declared above in php before echoing --> </div> <!-- end outputdiv -->  <div id='load_more_posts' style="display:none"> <center> <img src="../../images/loading.gif" alt="loading" /> </center> </div> 

and lastly, here newsfeed display each review (display_newsfeed.php):

$review_query = mysql_query("select * `reviews` order `review_date` desc limit 0,10");  while($review_row = mysql_fetch_assoc($review_query)){      $review_title = $review_row['review_title'];     $user_id = $review_row['user_id'];     $user_firstname = $review_row['user_firstname'];     $user_lastname = $review_row['user_lastname'];     $review_id = $review_row['review_id'];     $review_body = $review_row['review_body'];     $review_referral = $review_row['review_referral'];       $outputlist .= '                     <div class="display_newsfeed" id="'.$review_id.' display_newsfeed">                         code each review                         </div>                                     '; 

you're missing closing bracket in while loop in display_newsfeed.php. you're referencing div id of 'outputdiv' in javascript, element doesn't exist (you're assigning class of 'outputdiv' in html). not sure if these typos pasting code here, either of cause issue.

if none of issue, best next step identifying problem is. if browser has developer console (or firebug), double check ajax request going out , see if it's returning expected html. if is, problem client-side code (specifically in success callback, unless request isn't going out @ all). if not, problem script on server.


Comments

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -