Visualizzazione dei risultati da 1 a 4 su 4

Discussione: jquery pager

  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2006
    Messaggi
    245

    jquery pager

    Ciao a tutti ho 1 problemino, sto utilizzando il jquery_pager.js che ho trovato in internet per la paginazione, ma ho 1 problemino. Io dovrei far visualizzare 4 pagine x volta e nn tutte insieme.

    Ad esempio se ho 10 pagine devo far visualizzare :

    1 2 3 4 >>

    e non

    1 2 3 4 5 6 7 8 9 10 >>

    Come posso fare?

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2006
    Messaggi
    245
    up

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2006
    Messaggi
    245
    forse postando il codice sarò + kiara...


    questa è la funzione pager:

    $.fn.pager = function(clas, options) {

    var settings = {
    navId: 'nav',
    navClass: 'nav',
    navAttach: 'append',
    highlightClass: 'highlight',
    prevText: '«',
    nextText: '»',
    linkText: null,
    linkWrap: null,
    height: null
    }
    if(options) $.extend(settings, options);


    return this.each( function () {
    var numpag=0;
    var me = $(this);
    var size;
    var i = 0;
    var navid = '#'+settings.navId;

    function init () {
    size = $(clas, me).not(navid).size();
    if(settings.height == null) {
    settings.height = getHighest();
    }
    if(size > 1) {
    makeNav();
    show();
    highlight();
    }
    sizePanel();
    if(settings.linkWrap != null) {
    linkWrap();
    }
    }
    function makeNav () {
    $('#nav').remove();
    var str = '<div id="'+settings.navId+'" class="'+settings.navClass+'">';
    str += '&#160;&#160;'+settings.prevText+'';
    if ((size/4)>=1)
    {
    var j = i+1;
    var conta = numpag+4;
    if (conta>size)
    conta=size;
    for(var i = numpag; i < conta; i++) {
    numpag = i+1;
    str += '<a href="#" rel="'+numpag+'">&#160;&#160;';
    str += numpag;
    str += '
    </a>';
    }
    }
    else
    {
    for(var i = 0; i < size; i++) {
    var j = i+1;
    str += '<a href="#" rel="'+j+'">&#160;&#160;';
    str += (settings.linkText == null) ? j : settings.linkText[j-1];
    str += '
    </a>';
    }
    }

    str += '&#160;&#160;'+settings.nextText+'';
    str += '</div>';
    switch (settings.navAttach) {
    case 'before':
    $(me).before(str);
    break;
    case 'after':
    $(me).after(str);
    break;
    case 'prepend':
    $(me).prepend(str);
    break;
    default:
    $(me).append(str);
    break;
    }
    }

    function show () {
    $(me).find(clas).not(navid).hide();
    var show = $(me).find(clas).not(navid).get(i);
    $(show).show();
    }

    function highlight () {
    $(me).find(navid).find('a').removeClass(settings.h ighlightClass);
    var show = $(me).find(navid).find('a').get(i+1);
    $(show).addClass(settings.highlightClass);
    }

    function sizePanel () {
    if($.browser.msie) {
    $(me).find(clas).not(navid).css( {
    height: settings.height
    });
    } else {
    $(me).find(clas).not(navid).css( {
    minHeight: settings.height
    });
    }
    }
    function getHighest () {
    var highest = 0;
    $(me).find(clas).not(navid).each(function () {

    if(this.offsetHeight > highest) {
    highest = this.offsetHeight;
    }
    });
    highest = highest + "px";
    return highest;
    }
    function getNavHeight () {
    var nav = $(navid).get(0);
    return nav.offsetHeight;
    }
    function linkWrap () {
    $(me).find(navid).find("a").wrap(settings.linkWrap );
    }
    init();
    $(this).find(navid).find("a").click(function () {

    if($(this).attr('rel') == 'next') {
    makeNav();
    if(i + 1 < size) {
    i = i+1;
    }

    } else if($(this).attr('rel') == 'prev') {
    if(i > 0) {
    i = i-1;
    }
    } else {
    var j = $(this).attr('rel');
    i = j-1;
    }
    show();
    highlight();
    return false;
    });
    });
    }


    Dove sbaglio????

  4. #4
    Utente di HTML.it
    Registrato dal
    Jan 2006
    Messaggi
    245
    up

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.