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.
First of all, there's an easier way to do this that's been built into the product since R5. First, build a single image that contains both the image for the normal state and the mouseover state in a single image, with the mouseover image to the right of the normal image and a single pixel width in between the two images.In this case, when the mouse is over the object with the image resource, the rightmost image is displayed; otherwise the normal image is displayed. Add this image to your form by doing an Insert Resource -- Image. You don't need to write any code -- when you see this form on the Web, you'll see the rollover happening!
Now to accomplish this the way you set out to, we'll take a different path. First, create a picture (Create -- Picture) in the body of a form or in a Rich Text field. If you're in a form in the Designer, the programming pane will then be navigated to the click event on the picture. You can then choose the onMouseOver and onMouseOut events and code away!
If you're in a document in the client, once you've done a create picture, choose the picture menu and select Add hotspot rectangle. Then move your mouse over the picture and draw the rectangle. When you finish drawing, the programming pane will appear. To write JavaScript code for the Web, you'll need to choose Web in the Run combo box, and then make sure that JavaScript is selected for a language. Then you will see the list of events available on the Web and can write your code for onMouseOver and onMouseOut.
Hope this helps!
This was first published in December 2003