Databases
StackOverflow2013
Postsdbo
POAuto Load previous posts when scrolled to the bottom
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POAuto Load previous posts when scrolled to the bottom
    primarykey
    data
    text
    <p>Well, on my website.. load previous posts is already configured BUT WHEN TRIGGERED WITH A CLICK ON PARTICULAR LINK...</p> <p>Now, the requirement is to load the previous posts on scroll down (AS IN FACEBOOK AND TWITTER...) </p> <p>This is the source of the link which when clicked loads previous posts</p> <pre><code>&lt;a id="more_&lt;?php echo @$next_records?&gt;" href="javascript: void(0)" class="more_records"&gt; &lt;div id="bottomMoreLink"&gt; Dig More... &lt;/div&gt; &lt;/a&gt; </code></pre> <p>Now as this code doesn't include a function name, there is a script which has got the same class as this one to handle the request.. which is as under..</p> <pre><code>&lt;script type="text/javascript"&gt; $(document).ready(function(){ $('a.more_records').livequery("click", function(e) { SOME CUSTOM CODE TO LOAD POSTS.. }); }): &lt;/script&gt; </code></pre> <p>Now as per the requirement... I have two things to do..</p> <ol> <li>Detect the user has scrolled down to the end of the page.</li> </ol> <p>This can be done as follows...</p> <pre><code>&lt;scrtip type="text/javascript"&gt; $(window).scroll(function(){ if($(window).scrollTop() == $(document).height() - $(window).height()) { lastRow(); } }); &lt;/script&gt; </code></pre> <ol> <li>Trigger the thing that loads previous posts.. if the user has scrolled to the bottom of the page</li> </ol> <p>THIS IS WHERE I AM LOOKING FOR SOME HELP, WHICH IS CURRENTLY BEING DONE BY A CLICK .. am not able to figure out how to trigger the code in second block above..</p> <p>Please suggest something.. I am completely unaware of jquery/javascript, so describe briefly</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USharry
    1. USharry
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POAuto Load previous posts when scrolled to the bottom
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    2. VO
      singulars
      1. POAuto Load previous posts when scrolled to the bottom
      1. This table or related slice is empty.
      1. VTDownMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload