[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1445
  • Last Modified:

The First , Next, Previous, Last Icons on pagination do not work.

Using Jquery 1.3.2 ,

The action performed on page display does not gets updated.

<div id="pager" class="pager" style="position: absolute; top: 641px">
      <form style="PADDING-TOP: 15px;">
            <img src="./img/first.png" class="first"/>
            <img src="./img/prev.png" class="prev"/>
            <input type="text" class="pagedisplay"/>
            <img src="./img/next.png" class="next"/>
            <img src="./img/last.png" class="last"/>
            <select class="pagesize">
                  <option selected="selected"  value="10">10</option>
                  <option value="20">20</option>
                  <option value="30">30</option>
                  <option  value="40">40</option>
            </select>
      </form>
</div>


Nothing is notified in the console or in the loggs

Got to see an warrning icon on the status bar
Line: 46
Error: 'undefined' is null or not an object.
jquery.tablesorter.pager.js
Code:0


                  function moveToNextPage(table) {
                        var c = table.config;
            Line 46-->            c.page++;
                        if(c.page >= (c.totalPages-1)) {
                              c.page = (c.totalPages-1);
                        }
                        moveToPage(table);
                  }
I see the errors in my js file on where ever "moveToPage" is being called. The Error says
' function moveToPage(any) is Undefined ' . Even though the function is impleneted in the same js file. What could be the reason its not getting in the scope.

Any help or suggestions are greatly appriciated. Thanks in advance.
                  
0
SaiLoveAll
Asked:
SaiLoveAll
  • 2
1 Solution
 
npcwCommented:
try

<div id="pager" class="pager" style="position: absolute; top: 641px">
      <form style="PADDING-TOP: 15px;">
            <img src="./img/first.png" id="first" name="first"/>
            <img src="./img/prev.png" id="prev" name="prev"/>
            <input type="text" id="pagedisplay" name="pagedisplay"/>
            <img src="./img/next.png" id="next" name="next"/>
            <img src="./img/last.png" id="last" name="last"/>
            <select class="pagesize">
                  <option selected="selected"  value="10">10</option>
                  <option value="20">20</option>
                  <option value="30">30</option>
                  <option  value="40">40</option>
            </select>
      </form>
</div>

Open in new window

0
 
npcwCommented:
id and name make it posible to edit it whid java sript
<img> can't have "class"
0
 
HaloWebProjectsCommented:
as far as i know the images icons have to have unique ids defined in them... that will make them addressable by id and even by class, but only when the ids are given to those images though...
0
 
SaiLoveAllAuthor Commented:
There is no improvement even if I change it to id or name .. !
0

Featured Post

Upgrade your Question Security!

Add Premium security features to your question to ensure its privacy or anonymity. Learn more about your ability to control Question Security today.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now