Colorbox is a lightweight customizable lightbox plugin for jQuery.
I am using colorbox for another perpose: to show a (semi!) modal window to show information on ajax call.
You can get the plugin here .
Here I’ll give a simple example how to load ajax data and show through colorbox plugin. In second phase i’ll try to give the scenario of the complex situation and give the solution. Though the solution looks so obvious now, i had to go through lots of other solutions (Not worthy for that situation).
This is very much based on the Coda Popup Bubble example for jQuery that’s been going around with a few important differences:
- The information is requested via AJAX, so you don’t have to include all of this extra information in a hidden div. This keeps your markup smaller for grids with tons of names in it.
- When you mouse over another name, the previous one will disappear. If you tried this with the original Coda example, you’d end up with a weird streaking animation since there’s a delay before the div is hidden.
- Works in IE (just turned off the fade animation)