We all know, that by creating a hotspot popup in notes, and clicking on it will display a small popup. The same can be simulated on the Web. Normal idea is to open a new window and display the text. Rather than doing that, we can use active x controls to display a small beautiful tool tip. It works only on windows machines. Here is the way to do so.
Code
Step 1:
Create an object tag in your html or notes form like:
<OBJECT id=popup type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
;<//OBJECT>
The classid should be exactly the same as above.
Note: To create the object tag, you can directly create them on your form as pass through html, or created a computed for display/computed field and put the object tag as its formula.
Step 2:
Create an ordinary <a href> link
<A HREF=Javascript:ShowPopup()>Tool Tip Text</a>
Step 3:
Inside your script tag in the html head, put the following:
MyFont="Arial,8,,italic";
title="Simulating notes Hotspot popup"
Note: You can put these lines of code in the JSHeader of your form, or create a $$HTMLHead field with this code.
Step 4:
Write the ShowPopup function:
function ShowPopup()
{
document.getElementById("popup").TextPopup(title,MyFont,10,10,-1,-1);
}
Note: You can also put the function in the JSHeader of the form.
Now open your form/html in the browser and click on the link, a small beautiful tool tip help window will appear.
Thanks and Regards
Sekar
