Jump to content

pagination change help


jamesxg1

Recommended Posts

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.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.