读书人

BUG解决不了。集思广益。解决思路

发布时间: 2012-05-04 12:36:09 作者: rapoo

BUG,解决不了。集思广益。

HTML code
<script>         var theTable = document.getElementById("tablelsw");       var totalPage = document.getElementById("spanTotalPage");       var pageNum = document.getElementById("spanPageNum");           var spanPre = document.getElementById("spanPre");       var spanNext = document.getElementById("spanNext");       var spanFirst = document.getElementById("spanFirst");       var spanLast = document.getElementById("spanLast");             var totalPaget = document.getElementById("spanTotalPaget");       var pageNumt = document.getElementById("spanPageNumt");             var spanPret = document.getElementById("spanPret");       var spanNextt = document.getElementById("spanNextt");       var spanFirstt = document.getElementById("spanFirstt");       var spanLastt = document.getElementById("spanLastt");             var numberRowsInTable = theTable.rows.length;       var pageSize = 5;       var page = 1;             //下一页       function next()    {                 hideTable();                      currentRow = pageSize * page;           maxRow = currentRow + pageSize;           if ( maxRow > numberRowsInTable )             maxRow = numberRowsInTable;           for ( var i = currentRow; i<maxRow; i++ ){               theTable.rows[i].style.display = '';           }           page++;                      if ( maxRow == numberRowsInTable ) {             nextText();             lastText();         }           else{            nextLink();        }                   preLink();         firstLink();    }             //上一页       function pre()    {                 hideTable();                      page--;                         currentRow = pageSize * page;           maxRow = currentRow - pageSize;           if ( currentRow > numberRowsInTable )        currentRow = numberRowsInTable;               for ( var i = maxRow; i<currentRow; i++ )    {               theTable.rows[i].style.display = '';           }                                 if ( maxRow == 0 )    {         preText();         firstText();     }         preLink();        nextLink();           lastLink();       }             //第一页       function first(){           hideTable();           page = 1;           for ( var i = 0; i<pageSize; i++ ){               theTable.rows[i].style.display = '';           }           showPage();                      preText();           nextLink();           lastLink();       }             //最后一页           function last()    {               hideTable();               page = pageCount();               currentRow = pageSize * (page - 1);               for ( var i = currentRow; i<numberRowsInTable; i++ )        {                       theTable.rows[i].style.display = '';               }               showPage();                          preLink();               nextText();               firstLink();           }                function hideTable()    {               for ( var i = 0; i<numberRowsInTable; i++ )        {                       theTable.rows[i].style.display = 'none';               }           }                 function showPage()    {               pagepageNum.innerHTML = page;               pagepageNumt.innerHTML = page;           }             //总共页数       function pageCount()    {               var count = 0;               if ( numberRowsInTable%pageSize != 0 ) count = 1;                return parseInt(numberRowsInTable/pageSize) + count;       }       function pageNow()    {               var nowpage = 0;               if ( numberRowsInTable%pageSize != 0 ) count = 1;                return parseInt(numberRowsInTable/pageSize) + count;       }          //显示链接       function preLink()    {         spanPre.innerHTML = "<a href='javascript:pre();'>上一页</a>";         spanPret.innerHTML = "<a href='javascript:pre();'>上一页</a>";    }       function preText()    {         spanPre.innerHTML = "上一页";        spanPret.innerHTML = "上一页";     }             function nextLink()    {         spanNext.innerHTML = "<a href='javascript:next();'>下一页</a>";         spanNextt.innerHTML = "<a href='javascript:next();'>下一页</a>";    }       function nextText()    {         spanNext.innerHTML = "下一页";         spanNextt.innerHTML = "下一页";    }             function firstLink()    {        spanFirst.innerHTML = "<a href='javascript:first();'>第一页</a>";          spanFirstt.innerHTML = "<a href='javascript:first();'>第一页</a>";    }       function firstText()    {         spanFirst.innerHTML = "第一页";         spanFirstt.innerHTML = "第一页";    }             function lastLink()    {         spanLast.innerHTML = "<a href='javascript:last();'>最后一页</a>";         spanLastt.innerHTML = "<a href='javascript:last();'>最后一页</a>";    }       function lastText()    {         spanLast.innerHTML = "最后一页";         spanLastt.innerHTML = "最后一页";    }             //隐藏表格       function hide()    {               for ( var i = pageSize+1; i<numberRowsInTable; i++ )        {                       theTable.rows[i].style.display = 'none';               }                             totalPage.innerHTML = pageCount();               pageNum.innerHTML = '1';                          totalPaget.innerHTML = pageCount();               pageNumt.innerHTML = '1';                      firstLink();        preLink();            nextLink();               lastLink();       }         hide();   </script>   


上面是JS部分的代码。
这个页面,有以下几个问题:
1.分页显示出来之后,第一次打开页面总是显示多一个,但是当点击上一页、下一页、第一页或者最后一页过之后就会变得正常。
2.当前页总是显示不正确。
3.当是第一页的时候,点一次上一页,上一页的按钮仍然没有被禁用。

[解决办法]
探讨

引用:

有测试代码?

我有整个页面的代码,要不发给你你给看下?

[解决办法]
探讨

引用:

如果是静态分页的话,我这有几个,要的话,我发你邮箱

好的好的。
我邮箱是466464418@qq.com

读书人网 >CSS

热点推荐