Tutorials TumbleLog Our Thoughts
Bandit Design » Our Portfolio Our Design Contact Us
Quite often at Bandit Design while we're working on your project, we'll stumble upon interesting or humourous things -- so we thought why not share them with the world!
RSS iPhone Random Archive « Home

Bandit Design

This is a TumbleLog authored at the desks of Bandit Design. We're a small web and graphic design studio based in Wellington, New Zealand.

Visit Bandit Design ยป

1 year ago

Tumblr AJAX (Inline) Search

I’ve been using the wonderful AJAX Tumblr search by Jacob DeHart for quite a while. It’s excellent, but I decided to add a few things to it. Primarily:

  1. Remove embedded jQuery, and instead link to Google hosted version.
  2. Add variable for maximum number of results.
  3. Add variable for maximum title length.
  4. Link to full (official Tumblr) search results.
  5. Searches tags.
  6. Change result boxes to be anchor tags rather than divs.
  7. List number of results available.
  8. Append “type” class to result boxes (to allow for custom backgrounds).
  9. Reduce Tumblr API calls by increasing posts per request (still testing performance of this)

You can try all these to the right.

Anyway, my code is here;

http://lab.bandit.co.nz/sites/tumblr/bandit-tumblr.js

You’ll need to include the following in your <head> tags if you use my script;

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" language="javascript" type="text/javascript"></script>

My related CSS (if you want it) is here;

http://lab.bandit.co.nz/sites/tumblr/bandit-tumblr-search.css

Icons (if you want them) can be found here;

http://lab.bandit.co.nz/sites/tumblr/bandit-tumblr-icons.zip

Enjoy!

James

Loading...