How can I place code in the correct spot in the programming pane?

I have created image rollovers (e.g., use onMouseOver and onMouseOut) in Paintshop Pro to get the code. This code is to be used on the Web. I have been having a problem placing the code created in the correct spot in the programming pane. I have tried to create the "picture-add hotspot" with no success. Any suggestions would be helpful. If more information is needed, please let me know. Thank you.
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!

Dig Deeper on Lotus Domino Designer

Have a question for an expert?

Please add a title for your question

Get answers from a TechTarget expert on whatever's puzzling you.

You will be able to add details on the next page.

Start the conversation

Send me notifications when other members comment.

Please create a username to comment.




  • iSeries tutorials

    Search400.com's tutorials provide in-depth information on the iSeries. Our iSeries tutorials address areas you need to know about...

  • V6R1 upgrade planning checklist

    When upgrading to V6R1, make sure your software will be supported, your programs will function and the correct PTFs have been ...

  • Connecting multiple iSeries systems through DDM

    Working with databases over multiple iSeries systems can be simple when remotely connecting logical partitions with distributed ...