Since I’m trying to become a better programmer, I’m updating my web site for a better user experience. \u00a0 I originally built the pictures and recipes pages with SQL-based sorts, so that the user would click on a link that would reload the page with results sorted by the relevant column.<\/p>\n
Since going to work on Tavawava, I’ve learned how to do this with Javascript. \u00a0 I use the Prototype library<\/a> there and when I needed to add sort functionality, I found the excellent TableKit<\/a> plugin. \u00a0 It’s easy to learn and quickly implements into almost any page (just add a class to any table that you want sorted, and it automatically picks up the fact that you want it sorted), and there are a lot of examples of usage on the web site.<\/p>\n Today when I decided to add the same functionality to curtisgibby.com, I started looking for something that would do the same thing under jQuery<\/a>, because that’s the Javascript library I had started doing some basic javascript\/AJAX stuff with, several months ago. \u00a0 Everybody online pointed to Tablesorter<\/a>, so I assumed that it would be as simple and enjoyable to work with as TableKit. \u00a0 I was wrong.<\/p>\n With Tablesorter, I was able to get some functionality working pretty quickly, but I didn’t like how you had to specifically add a javascript call to document.ready() and ask for alternating colors, both of which automatically happen with TableKit. \u00a0 The online documentation was confusing and skimpy. \u00a0 During my coding process, I changed something that broke the sorting functionality. \u00a0 The zebra striping still worked, but nothing I did brought back the sort.<\/p>\n Frustrated, I turned to TableKit, even though I’d never used Prototype on my web site. \u00a0 I downloaded Prototype and TableKit and had them sorting my table within 5 minutes. \u00a0 Now I’m thinking of using Prototype throughout curtisgibby.com<\/p>\n Overall, Prototype tablekit beats jQuery tablesorter by a mile.<\/p>\n","protected":false},"excerpt":{"rendered":" Since I’m trying to become a better programmer, I’m updating my web site for a better user experience. \u00a0 I originally built the pictures and recipes pages with SQL-based sorts, so that the user would click on a link that would reload the page with results sorted by the relevant column. Since going to work… Continue reading Prototype tablekit beats jQuery tablesorter by a mile<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[39,41,6,156,40],"class_list":["post-74","post","type-post","status-publish","format-standard","hentry","category-programming","tag-javascript","tag-jquery","tag-meta","tag-programming","tag-prototype","entry"],"_links":{"self":[{"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/posts\/74","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/comments?post=74"}],"version-history":[{"count":2,"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/posts\/74\/revisions"}],"predecessor-version":[{"id":282,"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/posts\/74\/revisions\/282"}],"wp:attachment":[{"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/media?parent=74"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/categories?post=74"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/tags?post=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}