Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- ## index.html.erb
- <ul class="results { 'page': '4' }">
- <li>foo</li>
- <li>bar</li>
- </ul>
- <a href="#" class="page-link previous">Page 1</a>
- | <a href="#" class="page-link next">Page 2</a>
- ## results.js [javascript]
- jQuery(document).ready(function() {
- jQuery("a.page-link").each(function() {
- var link = jQuery(this);
- var page = jQuery("ul.results").metadata().page;
- var link_page;
- if (link.hasClass("previous")) {
- link_page = page - 1;
- } else if (link.hasClass("next") {
- link_page = page + 1;
- } else {
- throw Exception("Weird stuff");
- }
- jQuery.ajax({
- url: '/results.js?page='+page,
- dataType: 'json',
- onComplete: function(results) {
- var results = jQuery("ul.results");
- results.clear();
- // assuming the results are in correct format
- jQuery.each(results, function(iResult) {
- results.append("<li>"+iResult+"</li>");
- });
- // update the page
- results.metadata()[page] = link_page;
- }
- });
- });
- });
Add Comment
Please, Sign In to add comment