On this site we have a suggestions forum and David suggested that the authors list on this forum could do with a summary.
In an Author’s list of blogs, have a mouse-over effect that pops up the first 1-2 paragraphs of the blog.
First, I thought that Ajax and jquery is nothing for me. Web development is not something I like doing and I did plenty of it for the site during my 5 week vacation this year. But the challenge intrigued me. So I started a little google and did a bit of experimenting.
The first one I tested was a very simple one to implement. The Cut & Paste Ajax tooltip and it worked like a charm. But it had a little bug in it. The tooltip would not always go away when moving the mouse too fast, which was a bit annoying.
So I went on the lookout for another one. And I found cluetip, which was easy to implement and very easy to change.
First thing I did was to download the scripts and images and add them to my project. Then I added the needed code to my head section.
For me it would now look something like this.
<a class="cluetip" rel="/htsrv/call_plugin.php?plugin_ID=17&method=excerpt¶ms=a%3A1%3A%7Bs%3A6%3A%22postid%22%3Bs%3A3%3A%22628%22%3B%7D" title="Validating a domain model/objects" href="http://blogs.dev.lessthandot.com/index.php/All/?p=628">Validating a domain model/objects</a>``` As you can see, the link also has a title which will be used as a title in the tooltip. YOu can see it in action on my [authorslist]. There are some settings that can be changed. Well, [there are a lot of settings that you can change]. You can either change them by changing the default in the jquery.cluetip.js file or by overriding them locally. Like so:
clickThrough is standard on false but I think that is a mistake since links should always be clickthrough.
BTW the authorslist uses the jTip theme and not the standard theme.
All in all, very simple to use even for a noob like me. And instant wow factor to the site. Even more reason for people to think I’m awesome ;-).