I have been developing a sub-site on an existing WordPress installation. This includes creating templates based on designs from our art department and developing a plugin to display recipes. After I got the design and code working, I began entering all the recipes by hand. Then I passed the test site URL along to my team members to let them do some quality control. I then received an email saying that I had to-do items on Basecamp. Some of the to do items were hard to track down because my coworkers simply put in a title. We have ~50 recipes and so I had to scroll through the recipes to find the offending one.
So I started thinking. What if there were a way to streamline the entering of to-do items and add the URL as well? Originally, I was going to use a page with frames but I couldn’t keep track of the URL after navigating away from the source page. Then I started thinking about the Evernote bookmarklet. It can copy a URL and even an entire web page. So I did a few searches on “bookmarklets” and came across an article by John Resig about using a bookmarklet to insert jQuery and then modify Digg.com. So I took the idea and began to got a basic jQuery dialog box loading into my page through a bookmark. Then I wrote a separate page to pull the relevant info from Basecamp and then populate some dropdown menus.
So a large portion of the code I write is to output data in table format. When you have hundreds of rows, it becomes hard to decipher all the data. Plus, the end users are use to Excel, which allows them to sort and filter their data.
I originally tried to implement sorting on the server side, but the down side was that would cause the entire page to reload. I had been working with jQuery but wasn’t sure if it was possible. After a minute of searching I came across Tablesorter. Set up is very straight forward.
I’m not really sure why it happened but beginning around the 1st of March I just went dark on the internet. I would occasionally check in on Facebook but I stopped blogging, tweeting and all that other outward focused internet type stuff. One, I didn’t think I had that much to say and two, I just hit a rough patch personally and didn’t have the energy to write. Continue reading
Go in-depth with jqPlot and learn how to integrate it with your company’s data analysis with my new book, Learning jqPlot.
Amazon.com (affiliate link)
Packt Publishing (available ebook & paperback combo)
Updated – jqPlot now has the `jqplotDataClick` event which replicates the functionality discussed below. See the example for Vertical and Horizontal Bar Charts.
I’ve been creating several charts using jqPlot and several of them have been bar graphs. One issue I ran into early on was how to I determine which bar someone clicked on without actually clicking on the data point at the top of the bar.
Updated – Clicking on the image will take you a live example.