title: Load more function in Javascript
body: <p><strong>EDIT:</strong> This question was initially too general, I think. So What I really need is a very good tutorial on how to implement the Load More function on Safari for <strong>iPhone</strong> just like the <em>Twitter website</em>(mobile.twitter.com) does. Just a wordpress plugin won't really help. But if the plugin is well explained, like if it is wptouch, home(that also has this function) that can also do.</p>
  
  <p><em>I know that it doesn't really matter that it is being displayed on a mobile device, but the point I am stressing is that if such a function is well explained, then it will be up to me to know how to customize it to suit me.</em></p>
  
  <p>I am using a javascript function to load entries that come from the database dynamically, so that content opens in the same page (like with twitter(tweets feed) and facebook(news feed)). </p>
  
  <p>The php/html version(That opens a page in a new tab) is</p>
  
  <pre><code>echo '&lt;a href="http://'. $_SERVER['HTTP_HOST'] .'/'.$domain_page.'?form='.$form_id.'&amp;page='.($page+1).'"&gt;Load more entries&amp;rsaquo; &lt;/a&gt;';
  </code></pre>
  
  <p>The javascript/ajax version:</p>
  
  <pre><code>&lt;div id="call_hv&lt;?php echo md5($_SERVER['REQUEST_URI']); ?&gt;" class="ajax-load-more"&gt;
  
                  &lt;img id="spinner&lt;?php echo md5($_SERVER['REQUEST_URI']); ?&gt;" class="spin" src="&lt;?php bloginfo('template_directory'); ?&gt;/images/main-ajax-loader.gif" style="display:none" alt="" /&gt; 
  
                  &lt;a class="ajax" href="javascript:$ajax_hv('#spinner&lt;?php echo md5($_SERVER['REQUEST_URI']); ?&gt;').fadeIn(200); 
  
                  $ajax_hv('#ajaxentries_hv&lt;?php echo md5($_SERVER['REQUEST_URI']); ?&gt;').load('form='&lt;? echo $form_id; ?&gt;&amp;page=&lt;?php echo $page+1;?&gt;', {}, 
  
                  function(){ $ajax_hv('#call_hv&lt;?php echo md5($_SERVER['REQUEST_URI']); ?&gt;').fadeOut();})"&gt;Load more entries... 
  
                  &lt;/a&gt;
  </code></pre>