Hi Anil,
You're not seeing the entire script there, and it seems you're looking
at the old book.
The "clickable" class is added to the header cell to give some visual
indication that it is clickable, and it's style in the CSS.
You can find the complete script from the newer book here:
http://book.learningjquery.com/6705/bookstore/scripts/tables.js
Since the script follows along with the book chapters, you'll see a
lot of commented lines. We took an "iterative" approach to the
chapters, improving the script as we went along. The code you're
looking for starts around line 542.
You can also see a demo here:
http://book.learningjquery.com/6705/bookstore/books/index.html
Hope that helps,
--Karl
____________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On May 1, 2009, at 1:37 AM, Anil wrote:
This is same code as in book.
http://www.packtpub.com/article/jquery-table-manipulation-part1
On Apr 30, 10:35 pm, Anil <virap...@gmail.com> wrote:
I want to make the table header clickable and used the sample code
from Textbook Learning JQuery
I am not sure where is the class 'clickable'present.
Does anybody know how can I get this working.
I loaded the JQuery.js and its linked properly.
Works fine.
7 $(document).ready( function() {
8 $('table.sortable').each( function () {
9 var $table = $(this); /*This returns the current
table
for each table */
10 $('tbody tr:odd',
$table).removeClass('even').addClass
('odd');
11 $('tbody tr:even',
$table).removeClass('odd').addClass
('even');
12 $('th', $table).each(function(column) {
13 if ($(this).is('sort-alpha') ) {
14 $
(this).addClass('clickable').hover(function()
{
15 alert ('1iadfahdgf');
16 $(this).addClass('hover');
17 }, function() {
18 $(this).removeClass('hover');
19 }).click(function(){
20 var rows = $table.find('tbody >
tr').get();
21 rows.sort(function(a,b) {
22 var keyA = $(a).children('td').eq
(column).text().toUpperCase();
23 var keyB = $(b).children('td').eq
(column).text().toUpperCase();
24 if ( keyA > $keyB ) return -1;
25 if ( keyA < $keyB ) return 1;
26 return 0;
27 });
28 $.each(rows,function(index, row ) {
29 $table.children('tbody').append(row);
30 });
31 });
32 }
33 });
34 });
35 });
Thanks in advance, and appreciate your help.
Thanks
Anil
