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.
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
Requires Free Membership to View
Register today to access targeted resources from our editorial writers and independent industry experts focused on Lotus Domino, Notes, Workplace and other related technologies.
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
This was first published in February 2002