Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Here i solve this problem in my own way you can try this.In your script remove this line</p> <pre><code>'contentData': {page_num:$('.image-box').size()}, </code></pre> <p>and add this line</p> <pre><code> 'childClass' : '.image-box', </code></pre> <p>After open scrollpagination.js file then replace this line <code>data: opts.contentData,</code> with this <code>data: {page_num : $(obj).children(opts.childClass).size()},</code>. Again replace <code>'contentData' : {},</code> this line with <code>'childClass' : '.datalist',</code>.</p> <p>In your <code>function display_friends()</code> please replace <code>exit;</code> function with this line <code>echo '&lt;input type="hidden" id="nodata" value="1" /&gt;';</code> . After that write your script look like this : </p> <pre><code>$(function(){ $('#nomoreresult').hide(); $('#loading1').hide(); $('#friend_display').scrollPagination({ 'contentPage': 'Your_Url', // the url you are fetching the results // these are the variables you can pass to the request, for example: children().size() to know which page you are 'childClass' : '.image-box', 'scrollTarget': $(window), // who gonna scroll? in this example, the full window 'heightOffset': 10, // it gonna request when scroll is 10 pixels before the page ends 'beforeLoad': function(){ // before load function, you can display a preloader div $('#loading1').show().fadeIn(); }, 'afterLoad': function(elementsLoaded){ // after loading content, you can use this function to animate your new elements $('#loading1').hide().fadeOut(); $(elementsLoaded).fadeInWithDelay(); if($('#nodata').val() == '1'){ $('#friend_display').stopScrollPagination(); $('#loading1').hide(); $('#nomoreresult').show().fadeIn(); } } }); // code for fade in element by element $.fn.fadeInWithDelay = function(){ var delay = 0; return this.each(function(){ $(this).delay(delay).animate({opacity:1}, 200); delay += 1000; }); }; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. POCodeigniter scrollpagination
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USimsyedahmed
    1. USimsyedahmed
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POCodeigniter scrollpagination
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. CONice one solution, it solve 60%. but now problem is by changing scrollpagination.js is that if I scroll fast then it not gets correct page value and may get same value in next scroll down of i scroll fast and the 2nd one problem is that it is endless scroll down. it is not terminating after geeting no more result it should display my 2nd dive as i show in pastebin. and thanks again...
      singulars
      1. PO
      1. This table or related slice is empty.
    2. COhi @AyshaAli, i update my answer based on your this topic: "it is not terminating after geeting no more result it should display my 2nd div". I hope this will solve 2nd problem but in 1st problem about same content loading i will see. Thanks
      singulars
      1. PO
      1. USimsyedahmed
    3. CO@AyshaAli i don't know why you get same result but in my test i don't get same result.
      singulars
      1. PO
      1. USimsyedahmed
 

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