Retrieving a value from a database and display in tooltip

[neilyak]

I have created a tooltip using javascript and have an html page using that tooltip.Here is my tooltip:\[code\]$(document).ready(function () {//Tooltips$(".tip_trigger").hover(function (e) { tip = $(this).find('.tip'); var tipText = $(e.target).attr('ti'); tip.html(tipText); tip.show(); //Show tooltip}, function () { tip.hide(); //Hide tooltip }).mousemove(function (e) { var mousex = e.pageX + 20; //Get X coodrinates var mousey = e.pageY + 20; //Get Y coordinates var tipWidth = tip.width(); //Find width of tooltip var tipHeight = tip.height(); //Find height of tooltip //Distance of element from the right edge of viewport var tipVisX = $(window).width() - (mousex + tipWidth); //Distance of element from the bottom of viewport var tipVisY = $(window).height() - (mousey + tipHeight); if (tipVisX < 20) { //If tooltip exceeds the X coordinate of viewport mousex = e.pageX - tipWidth - 20; } if (tipVisY < 20) { //If tooltip exceeds the Y coordinate of viewport mousey = e.pageY - tipHeight - 20; } tip.css({ top: mousey, left: mousex });});});\[/code\]Here is HTML:\[code\]<div class="container"> <h1><span>Simple Example</span></h1><map name="Koala" class="tip_trigger"><area ti="This is the left eye" shape="rect" coords="373,365,404,402" href="http://stackoverflow.com/questions/14616786/#" /><area ti="Right Eye" shape="rect" coords="641,405,681,448" href="http://stackoverflow.com/questions/14616786/#" /> <div class="tip"></div>\[/code\]I want the database value to display where "ti" is... ex. ti="database value"How can this be done? I will be using MySQL along with php. All help I will be very grateful for.