Friday, March 06, 2009

On-Mouse-Over Custom Tool Tips

Ever want to give users more information into what they should enter into a field? You can either make the label of a given field really long, put a field in a section on it's own, and write the description out in the section title, or you could use scripts to override the tool tip of the field.

Here's the script:

var oPopup = window.createPopup();
var oPopupBody = oPopup.document.body; = 'Tahoma'; = '1px solid black';

function My_OrgName_showRatingPopup ()
oPopupBody.innerHTML = "<div><table style='font-size:xx-small'>";
oPopupBody.innerHTML += "<tr><td><b></b></td><td> Custom Tool Tip Text Here</td></tr></table></div>";
var x_coord = -100;
var y_coord = 20;
var width = 350;
var height = 90;
var documentElement = event.srcElement;, y_coord, width, height, documentElement);
//Be sure to modify the field name here so that you attach your OnMouseOver event
//to the correct field. The "_c" indicates the label of the field.
crmForm.all.new_customfield_c.attachEvent('onmouseover', My_OrgName_showRatingPopup);

Now just hover over your field label and you'll see you new custom tooltip pop up.

David Fronk
Dynamic Methods Inc.

No comments:

Post a Comment