WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I've been asked by a client to do this:

enter image description here

But I have no idea how I would go about it, particularly in Wordpress. I searched around Google a bit, but it looks like this design was just lifted from an iPhone or is a Flash animation (I'm lame at Flash, so want to keep things all-based in HTML, CSS and JS - preferably jQuery).

Has anyone done this sort of thing? I'm assuming it would be quite complicated as the date picker needs to be populated dynamically as more and more posts are archived and to load the different queries created by selecting a month and year (to show the list of article titles to the right of it) would require some Ajax right?

Thanks for any pointers, especially if you can show me where a tutorial exists for this!


share|improve this question
Does anyone know where I can start with this? I'll post up a solution when I've sorted it so everyone else can benefit... – Osu Jan 5 '12 at 16:20

I'm going to leave the JavaScript/jQuery of the scroller up to you. But basically, run a loop of dates in that scroller. Then, when clicked, pass that date via AJAX to the server. Then use that date to query_posts, which you then return and insert into your dom.

Use http://www.garyc40.com/2010/03/5-tips-for-using-ajax-in-wordpress/ for the AJAX functionality. I got lost the first time I read that article, but it does explain how to use AJAX properly with WordPress.

Let me know if you get lost

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.