Tooltip on hover, ajax window on click- both variable
I have a number of DIVs on a page. Each DIV has two classes, for example:
.classOne is semi-unique. There will be a few variations.
.eventDiv will be found on every DIV.
When a user moves their mouse over a DIV I need a tooltip* to appear. The tooltip will need an extra class attaching, matching the first class. So for example, the above DIV would attach the class "classOne" to the tooltip.
When the DIV is clicked a window needs to appear, with AJAX gathered dynamic content within.
Is this possible and if so, could somebody help me get started with it?
Cheers
-
<div class=".classOne .eventDiv"></div>
.classOne is semi-unique. There will be a few variations.
.eventDiv will be found on every DIV.
When a user moves their mouse over a DIV I need a tooltip* to appear. The tooltip will need an extra class attaching, matching the first class. So for example, the above DIV would attach the class "classOne" to the tooltip.
When the DIV is clicked a window needs to appear, with AJAX gathered dynamic content within.
Is this possible and if so, could somebody help me get started with it?
Cheers
Topic Participants
info