Search jQuery

jQuery Forum

Tablesorter @ sort image

in Using jQuery Plugins • 1 year ago

First of all, sorry for asking this... probably has already been answered, but I can't find a solution.
I'm using the tablesorter plugin with this simple table:
table @ pastebin

I need to sort the second column, using the alt or title parameter. I have to write my own parser? I don't have any knowledge of javascript, so I really don't know how to do it.

I'm using jQuery 1.5 and the last tablesorter.
Is there a better way to sort tables or another plugin?

Thanks in advance
PS: Sry for my english.

Replies(1)

azeosjq

Re: Tablesorter @ sort image

1 year ago

Okay... I'd try this:

var str='<img src="images/1080.png" alt="HD 1080p" title="HD 1080p" width="30" height="21" />';
var alt = str.match( new RegExp(/alt="(.*?)"/) )[1];
document.write(alt);

I get what I want with that regex. So, I did this parser:

$.tablesorter.addParser({
id: "img",
is: function(s) {
return false;
},
format: function(s) {
var alt = s.match( new RegExp(/alt="(.*?)"/) )[1];
return alt;
},
type: "text"
});

I call it this way:

$("#listado").tablesorter({
headers:{
1:{ sorter: "img" }
}
});

All tablesorter stop working when I add this parser. But if I remove the "[1]" from the match, works again; but ofcourse, I don't get what I want.

What am I doing wrong?

spiess

Re: Tablesorter @ sort image

1 year ago

The problem is not your code, but the variable s. She is empty when you use brackets in the td fields.
So this works

<img src="" alt="you want to check" />

and this not

<img src="" alt="you want to check" />

But the working version doesn't show up the images of course