jamesxg1 Posted January 2, 2010 Share Posted January 2, 2010 Hiya, I have this pagination script and basically it displays the pagination as 1,2,3,4,5 you get my drift, I was wondering if anyone could mod it for me so that it only displays '<' & '>' I haven't got the slightest clue how to. (function($) { $.fn.quickPager = function(options) { var defaults = { pageSize: 1, currentPage: 1, holder: null, pagerLocation: "after" }; var options = $.extend(defaults, options); return this.each(function() { var selector = $(this); var pageCounter = 1; selector.wrap("<div class='simplePagerContainer'></div>"); selector.children().each(function(i){ if(i < pageCounter*options.pageSize && i >= (pageCounter-1)*options.pageSize) { $(this).addClass("simplePagerPage"+pageCounter); } else { $(this).addClass("simplePagerPage"+(pageCounter+1)); pageCounter ++; } }); // show/hide the appropriate regions selector.children().hide(); selector.children(".simplePagerPage"+options.currentPage).show(); if(pageCounter <= 1) { return; } //Build pager navigation var pageNav = "<ul class='simplePagerNav'>"; for (i=1;i<=pageCounter;i++){ if (i==options.currentPage) { pageNav += "<li class='currentPage simplePageNav"+i+"'><a rel='"+i+"' href='#'>"+i+"</a></li>"; } else { pageNav += "<li class='simplePageNav"+i+"'><a rel='"+i+"' href='#'>"+i+"</a></li>"; } } pageNav += "</ul>"; if(!options.holder) { switch(options.pagerLocation) { case "before": selector.before(pageNav); break; case "both": selector.before(pageNav); selector.after(pageNav); break; default: selector.after(pageNav); } } else { $(options.holder).append(pageNav); } //pager navigation behaviour selector.parent().find(".simplePagerNav a").click(function() { //grab the REL attribute var clickedLink = $(this).attr("rel"); options.currentPage = clickedLink; if(options.holder) { $(this).parent("li").parent("ul").parent(options.holder).find("li.currentPage").removeClass("currentPage"); $(this).parent("li").parent("ul").parent(options.holder).find("a[rel='"+clickedLink+"']").parent("li").addClass("currentPage"); } else { //remove current current (!) page $(this).parent("li").parent("ul").parent(".simplePagerContainer").find("li.currentPage").removeClass("currentPage"); //Add current page highlighting $(this).parent("li").parent("ul").parent(".simplePagerContainer").find("a[rel='"+clickedLink+"']").parent("li").addClass("currentPage"); } //hide and show relevant links selector.children().hide(); selector.find(".simplePagerPage"+clickedLink).fadeIn(2000); return false; }); }); } })(jQuery); Any help is very much appreciated. Many thanks James. Quote Link to comment Share on other sites More sharing options...
jamesxg1 Posted January 2, 2010 Author Share Posted January 2, 2010 I'm not sure if anyone is online but is there anyone here who can help me? Many thanks James. Quote Link to comment Share on other sites More sharing options...
jamesxg1 Posted January 3, 2010 Author Share Posted January 3, 2010 BUMP Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.