Technorati tags: Show-n-Tell Thursday, Lotus Domino, Domino

Ha, this week I made it on time, actually several hours early!!!

So have you ever wanted to have some useful help presented to the user when they mouse over a link??

Like this:

Yeah, well so did Paxton McVoy, one of our project leaders and developers on the Teamwork Solutions team. Since I was working on my and I needed I developed a neat little Javascript tool.

Sorry to those using RSS Readers., the Code Does not come through. You have to go to the original blog page to see it.

The tool is contained in a JavaScript library and a Cascaded Style Sheet file. Download them and add them to your page or form.

Then use this Computed Text formula to create you own mouseovers.

REM "Label and Content are required - HTML tags allowed in content.";
label := "Text to be placed on the page.";
Content := "Stuff you want to appear when the user mouses over the text that is placed on the page.";

REM "Specify Height and Width - otherwise box is sized to fit text.";
height := "0";
width := "0";
REM "Specify the classes used for the Popup (poClass) and mouseOver (moClass)";
poClass := "tsMouseOverHelp";
moClass := "tsMouseOverLink";

REM "NO CHANGES SHOULD BE MADE BELOW THIS LINE.";
REM " ****************************************************************** ";

"<script>tsMouseOverHelp(\"" + label + "\", escape(\"" + content + "\"), " +
height + "," + width + ",\"" + poClass + "\",\"" + moClass + "\"" +
")</script>"

The cool thing is that you can include any html in the mouseover content (including ) and it works.

I also included a set of alternate CSS classes that, show what can be done if you want to mess with the style.

There are probably thousands of similar tools out there, but hey, here is another.

Newbs
There are three kinds of men: The ones that learn by reading, the few who learn by observation, the rest who have to pee on the electric fence.

1. Sean03/08/2006 07:59:04 AM
Homepage: http://www.focul.net

Henry, is this browser only ? Cheers, Sean

---

2. Newbs03/08/2006 08:31:08 AM
Homepage: http://www.henrynewberry.com

Sean:

Yes it is browser only (works in IE and Firefox). There are ways to do this in the client but that involves messing with Rich Text. Get Midas from Ben to do it.

Newbs

---

3. Thomas Adrian04/26/2006 05:19:06 AM
Homepage: http://www.notessidan.se

Great script !
however I wanted to mouseover a picture instead of text but it does not work.

---

4. Newbs04/29/2006 07:10:40 PM
Homepage: http://www.newbsconsulting.com

It should work if you use an HTML Image tag as the LABEL.... Might take a tiny bit of tweaking to perfect it.... CHeck this out...

---