MooTools Forge | LazyPagination

Automatically sends ajax requests as the user scrolls an element. Provides options to control where the response is injected into the DOM (usually above a footer).

Details

Author

Ryan Florence

Current version

1.2

GitHub

rpflorence/LazyPagination

Downloads

3580

Category

Interface

Tags

Report

GitHub Issues

Releases

1.2

Dependencies

core/1.2.4: Request.HTML

How to use

Set it up just like you would any other pagination on the server. This example is totally simplified.

HTML/PHP Front-page

<body>
  <div id="navigation"> <!-- fallback navigation --> </div>

    <?php include '_page.php'; ?>

    <div id="footer">Blah blah blah</div>
</body>

<body>
<div id="navigation">  </div>
<?php include '_page.php'; ?>
<div id="footer">Blah blah blah</div>
</body>

HTML/PHP Requested partial

You would do something on the server to deliver the next page.

<div class="page">
    <p>I am a page <?php echo $_GET['page']; ?></p>
</div>

<div class="page">
<p>I am a page <?php echo $_GET['page']; ?></p>
</div>

JavaScript

var lazy = new LazyPagination(document,{
    url: '_page.php',
    method: 'get',
    maxRequests: 20,
    buffer: 1000,
    navigation: 'navigation', // will destroy this if javascript is enabled
    inject: {
        element: 'footer',
        where: 'before' // will inject pages above the footer
    }
});

var lazy = new LazyPagination(document,{
url: '_page.php',
method: 'get',
maxRequests: 20,
buffer: 1000,
navigation: 'navigation', // will destroy this if javascript is enabled
inject: {
element: 'footer',
where: 'before' // will inject pages above the footer
}
});

View the MooDoc for usage and examples.

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus

LazyPagination 1.2