Using CSS we can create a style that makes a hovered link appear different for IE, but not for NS 4. (NS6 does, be who actually considers that a browser yet. When NS gets their act together, we'll design for version 6.) To give our end users the most consistent look and feel, I use image rollovers to represent the current doc. It's clean, consistent and attractive. Here's how to do it:
Code
The explanation below is somewhat long. If you have questions about this code, you can email me: aschottmuller@imation.com
In order to use a rollover image, the image has to have a unique id. The code below uses the document's UNID prefixed with an "i" to represent the unique name of the image.
Key Tips for Image Names:
-Cannot contain special characters or spaces
-Cannot begin with a number
-Must be unique on the page for the mouse-over to work properly
PASTE THIS
To continue reading for free, register below or login
To read more you must become a member of SearchDomino.com
CODE INTO THE VIEW COLUMN:(*Customize the linktext.)
If you use this tip for multi-db search results, compute the dbpath + UNID for the image name. (Less spaces and special characters.)
In order to roll-over an image, the images must be the same size. In the circumstance above, I roll-over from a clear pixel to a red arrow. The mouse-over script is from Dreamweaver. To use the code above, you'll need to paste the following code into JSHeader of the $$ViewTemplate you are displaying.
If the mouse-over image is not already being used on the page, be sure to pre-load it. To do so...
PASTE THE FOLLOWING CODE INTO onLoad:
MM_preloadImages('ArrowRed.gif');
PASTE INTO JSHeader:
You're all set. For you CSS users, I recommend not changing the link color on the hover. If you must use a style, go from underlined to not underlined, to keep it simple and consistent across browsers.
