Feeling the jQuery loveI've started to use jQuery on the current project I'm working on and I really love it so far. It's a lot easier to grasp than I expected and is very lightweight for such a powerful framework. When the site is done I'll post a link to it. I've used jQuery for tabbed forms, form data manipulation and updating of page text and more. There's one thing I didn't find out how to do with it or if even a plugin exists for it and it's a specific kind of tooltips implementation. jQuery does have tooltip plugins but none I found can easily take the text from ANY element in a page and show it in the tooltip when mousing over another element. The contents of my tooltips was long and needed to be formatted so I placed it in hidden divs with a class named "descriptions" and those divs are hidden by the script so available as linked references if JS is off. I'm really surpised I couldn't find a similar implementation for jQuery. The tooltips script I used is the one from Walter Zorn. If anyone knows of one that works similarly (needs to load content from any ID'd element on the page) then please share! :-) The one thing I do not like about Zorn's script is that it relies on the onmouseover and onmouseout attributes and I would like to keep the code cleaner. |
If you like this site and this blog and are interested in some of the sites and products I review here, please support my partners, affiliates and myself by clicking the links below to purchase them. I fully endorse the sites and products I put here and believe they are very valuable resources for Web professionals. This will help offset some of the cost of hosting this site as well as the time and energy I put in writing content for it. Thank you!
Partner SitesSave The Pixel (eBook)Make every pixel in your designs count! Get Save the Pixel, The Art of Simple Web design. Only $ 29.00.
 You Need A Budget (YNAB Pro)Get your finances in order and take control of your money. This is a tool that everyone and especially all freelancers should use! YNAB is more than a piece of software, it is a system based on 4 simple rules that has revolutionized how we manages our money. Get YNAB Pro. Only $ 49.95.
Enter your email address to subscribe to this blog.
|
my "tool tip" as I found it be be much more flexible.
http://cherne.net/brian/resources/jquery.hoverInte...
BTW, glad to see another CF developer using jQuery.
Rey - jQuery Team
http://bassistance.de/jquery-plugins/jquery-plugin...
That's the one I implemented for now but I didn't have time to look at ClueTip yet.
So I ended up with an expanding hidden div that was 245 pixels deep
$(document).ready(function(){
jQuery("#demo2 li").hoverIntent(makeTall,makeShort);
}); // close document.ready
function makeTall(){ jQuery(this).animate({"height":245},245).html;}
function makeShort(){ jQuery(this).animate({"height":40},245).html;}