I am currently developing a JavaScript application and came across a helpful library called qtip2. My objective is to have different information displayed when the user hovers over each cell in the table. The qtip2 library I mentioned earlier can display this info in a small pop-up window. However, I need guidance on how to set up this function so that it shows specific content of each cell when hovered over. Does anyone have any suggestions on how I can achieve this?
function showInfo()
{
$('#demo-mouse').qtip({
content : 'I position myself at the current mouse position',
position : {
my : 'top left',
target : 'mouse',
viewport : $(window), //keep it on-screen at all time if possible
adjust : {
x : 10, y : 10
}
},
hide : {
fixed : true // Helps to prevent the tooltip from hiding occassionaly when tracking!
},
style : 'ui-tooltip-shadow'
});
}