Comments on: Create a Content Rich Tooltip with JSON and jQuery http://www.webappers.com/2009/07/13/create-a-content-rich-tooltip-with-json-and-jquery/ - Hunting the Best Open Source Resources for Web Developers Thu, 18 Mar 2010 23:05:32 -0700 http://wordpress.org/?v=2.8.6 hourly 1 By: Ianhttp://www.webappers.com/2009/07/13/create-a-content-rich-tooltip-with-json-and-jquery/comment-page-1/#comment-32554 Ian Wed, 27 Jan 2010 15:42:37 +0000 http://www.webappers.com/?p=1631#comment-32554 Sweet mercy where is the demo? Sweet mercy where is the demo?

]]> By: 8º Post: Programación – Francisco Cabezas (@fcocabezas) | MKT Bloghttp://www.webappers.com/2009/07/13/create-a-content-rich-tooltip-with-json-and-jquery/comment-page-1/#comment-30520 8º Post: Programación – Francisco Cabezas (@fcocabezas) | MKT Blog Thu, 26 Nov 2009 13:50:27 +0000 http://www.webappers.com/?p=1631#comment-30520 [...] con los que se enfrenta el usuario en nuestra página. Uno de esos toques se puede lograr con tooltips de [...] [...] con los que se enfrenta el usuario en nuestra página. Uno de esos toques se puede lograr con tooltips de [...]

]]> By: jQuery slick wrap | WebDesignExpert.Mehttp://www.webappers.com/2009/07/13/create-a-content-rich-tooltip-with-json-and-jquery/comment-page-1/#comment-30459 jQuery slick wrap | WebDesignExpert.Me Mon, 23 Nov 2009 11:20:05 +0000 http://www.webappers.com/?p=1631#comment-30459 [...] Create a content rich tooltip with JSON and jQuery - Link. [...] [...] Create a content rich tooltip with JSON and jQuery – Link. [...]

]]> By: 40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeephttp://www.webappers.com/2009/07/13/create-a-content-rich-tooltip-with-json-and-jquery/comment-page-1/#comment-30426 40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep Sat, 21 Nov 2009 15:41:47 +0000 http://www.webappers.com/?p=1631#comment-30426 [...] 10.Create a Content Rich Tooltip with JSON and jQuery [...] [...] 10.Create a Content Rich Tooltip with JSON and jQuery [...]

]]> By: VECTOR Tutorialhttp://www.webappers.com/2009/07/13/create-a-content-rich-tooltip-with-json-and-jquery/comment-page-1/#comment-30298 VECTOR Tutorial Mon, 16 Nov 2009 00:34:51 +0000 http://www.webappers.com/?p=1631#comment-30298 [...] Content Rich Tooltip | Demo This tutorial will demonstrate how to build tooltips that are powered by jQuery, with information pulled from a JSON array. [...] [...] Content Rich Tooltip | Demo This tutorial will demonstrate how to build tooltips that are powered by jQuery, with information pulled from a JSON array. [...]

]]> By: 10 Kullanışlı jQuery Eklentisi | Ahmet ERTEMhttp://www.webappers.com/2009/07/13/create-a-content-rich-tooltip-with-json-and-jquery/comment-page-1/#comment-30256 10 Kullanışlı jQuery Eklentisi | Ahmet ERTEM Fri, 13 Nov 2009 21:46:39 +0000 http://www.webappers.com/?p=1631#comment-30256 [...] Content Rich Tooltip | Demo [...] [...] Content Rich Tooltip | Demo [...]

]]> By: nickehttp://www.webappers.com/2009/07/13/create-a-content-rich-tooltip-with-json-and-jquery/comment-page-1/#comment-30229 nicke Thu, 12 Nov 2009 19:43:20 +0000 http://www.webappers.com/?p=1631#comment-30229 hmm, where to use this one? tooltips are not normally done like this. me no like hmm, where to use this one?
tooltips are not normally done like this. me no like

]]> By: 25 New jQuery Plugins and Tutorials | oOrch Bloghttp://www.webappers.com/2009/07/13/create-a-content-rich-tooltip-with-json-and-jquery/comment-page-1/#comment-29199 25 New jQuery Plugins and Tutorials | oOrch Blog Mon, 05 Oct 2009 13:15:53 +0000 http://www.webappers.com/?p=1631#comment-29199 [...] Create a Content Rich Tooltip with JSON and jQuery [...] [...] Create a Content Rich Tooltip with JSON and jQuery [...]

]]> By: tzDaFoohttp://www.webappers.com/2009/07/13/create-a-content-rich-tooltip-with-json-and-jquery/comment-page-1/#comment-26020 tzDaFoo Tue, 21 Jul 2009 15:56:22 +0000 http://www.webappers.com/?p=1631#comment-26020 Man that is one sexy header, somebody's liable to get knocked out by that one. And to think I was just thinking I need to still use my old copy of image ready to do this sort of stuff. Sliding doors CSS is sometimes tedious, option #2 or #1 even... jQuery Hovers to the rescue!!! Man that is one sexy header, somebody’s liable to get knocked out by that one.
And to think I was just thinking I need to still use my old copy of image ready to do this sort of stuff.
Sliding doors CSS is sometimes tedious, option #2 or #1 even…
jQuery Hovers to the rescue!!!

]]> By: Zach Dunnhttp://www.webappers.com/2009/07/13/create-a-content-rich-tooltip-with-json-and-jquery/comment-page-1/#comment-25824 Zach Dunn Wed, 15 Jul 2009 22:39:09 +0000 http://www.webappers.com/?p=1631#comment-25824 Hey guys,Seems like there has been an interest in how this method would work with a fade animation included.Making the image fade in this particular case would be a little more difficult, because it is a CSS background instead of image element. I did a little bit of research, but I didn't manage to come up with anything that allows jQuery to do such an animation naturally. If I've overlooked something, please share -- I'm as interested as the rest of you.The other discussion seems to be about this actually being a "tooltip" or not. The goal of this was to mimic the actions of a tooltip, only using more content as options. I would define a tooltip as information that displays when a user hovers over a predetermined area. If this conflicts with anyone else's notions of what a tooltip should be, I'm sorry if you felt mislead.I just wanted to clear up Paratron's comment especially, because on first glance this certainly does look like simply an image switching header. If you take a moment to review the code, you'll hopefully see that it has a bit more to it -- most notably the multiple elements in the header switching around.Glad to see the responses so far though! Thanks for all the feedback. You guys are wonderful. Hey guys,

Seems like there has been an interest in how this method would work with a fade animation included.

Making the image fade in this particular case would be a little more difficult, because it is a CSS background instead of image element. I did a little bit of research, but I didn’t manage to come up with anything that allows jQuery to do such an animation naturally. If I’ve overlooked something, please share — I’m as interested as the rest of you.

The other discussion seems to be about this actually being a “tooltip” or not. The goal of this was to mimic the actions of a tooltip, only using more content as options. I would define a tooltip as information that displays when a user hovers over a predetermined area. If this conflicts with anyone else’s notions of what a tooltip should be, I’m sorry if you felt mislead.

I just wanted to clear up Paratron’s comment especially, because on first glance this certainly does look like simply an image switching header. If you take a moment to review the code, you’ll hopefully see that it has a bit more to it — most notably the multiple elements in the header switching around.

Glad to see the responses so far though! Thanks for all the feedback. You guys are wonderful.

]]>