Home > Domino Tips > Developer > HTML > Spruce up Domino buttons for IE5
Domino Tips:
EMAIL THIS
 TIPS & NEWSLETTERS TOPICS 

HTML

Spruce up Domino buttons for IE5


Stephen Linn
07.30.2001
Rating: -3.80- (out of 5)


Digg This!    StumbleUpon Toolbar StumbleUpon    Bookmark with Delicious Del.icio.us   


Domino buttons are ugly gray things that don't do anything natively when you mouseover them. You can, of course, use Javascript to code mouseover and mouseout events but, if you are in a closed environment where all of your users are using IE5, there is an easier way.

Code

At the top of the form, add the following code:

<style type='text/css'>
.button {color:green; font-weight:bold; behavior:url (js-binutton.htc)}
</style>

Create a button on a form.

Open the properties of the button, go to the HTML tab, and assign a class 
of "button" (without the quotes). Open a simple text editor (e.g., Notepad) and copy the following code into it. <PUBLIC:COMPONENT> <ATTACH EVENT="onmouseover" FOR="element" HANDLER="eventMouseOver" /> <ATTACH EVENT="onmouseout" FOR="element" HANDLER="eventMouseOut" /> <SCRIPT language="JScript"> function eventMouseOver() { this.style.color='red'; this.style.cursor='hand'; } function eventMouseOut() { this.style.color='green'; this.style.cursor='default'; } </SCRIPT> </PUBLIC:COMPONENT> Save the file to the following directory/name of your Domino server: data/domino/html/js-bin/button.htc

(If the directory doesn't exist, create it).

Presto! You have global mouseover and mouseout events for your buttons. With very little effort you can apply this style to every button in an application.

Rate this Tip
To rate tips, you must be a member of SearchDomino.com.
Register now to start rating these tips. Log in if you are already a member.


Submit a Tip




Digg This!    StumbleUpon Toolbar StumbleUpon    Bookmark with Delicious Del.icio.us   



RELATED CONTENT
HTML
Create a dynamic fluid image gallery with Lotus Notes views
Write HTML and JavaScript in Notes view rows and columns on the Web
Open Lotus Notes documents in Microsoft Word without coding
Trap an attachment path via the Domino file upload control field
A bevy of Notes/Domino development tips
Styling Lotus Domino Web fields
How to convert Microsoft Word or Microsoft Excel documents to HTML
An easier way to view multiple columns on the Web
How to print a form in landscape format automatically
Tip contest winner: Hide view column while being able to sort it

RELATED RESOURCES
2020software.com, trial software downloads for accounting software, ERP software, CRM software and business software systems
Search Bitpipe.com for the latest white papers and business webcasts
Whatis.com, the online computer dictionary

DISCLAIMER: Our Tips Exchange is a forum for you to share technical advice and expertise with your peers and to learn from other enterprise IT professionals. TechTarget provides the infrastructure to facilitate this sharing of information. However, we cannot guarantee the accuracy or validity of the material submitted. You agree that your use of the Ask The Expert services and your reliance on any questions, answers, information or other materials received through this Web site is at your own risk.



Domino & Lotus Notes Security Solutions: Authentication, Antispam, Encryption and Antivirus
HomeTopicsITKnowledge ExchangeTipsAsk the ExpertsMultimediaWhite PapersDomino IT Downloads
About Us  |  Contact Us  |  For Advertisers  |  For Business Partners  |  Site Index  |  RSS
SEARCH 
TechTarget provides technology professionals with the information they need to perform their jobs - from developing strategy, to making cost-effective purchase decisions and managing their organizations' technology projects - with its network of technology-specific websites, events and online magazines.

TechTarget Corporate Web Site  |  Media Kits  |  Site Map




All Rights Reserved, Copyright 1999 - 2009, TechTarget | Read our Privacy Policy
  TechTarget - The IT Media ROI Experts