Novell Home

Mouseover Sample Code for eGuide

Novell Cool Solutions: Tip
By Andrey Karyagin

Digg This - Slashdot This

Posted: 4 Jan 2006 		 

Problem

A reader recently asked the following question ...

"Hopefully someone can point me in the right direction. We have the "SV_FindAtrributeShowTD" in our UIHandlers.xsl, but I want to incorporate a "mouseover" function that would display another .GIF if the user moves the mouse over the .GIF image. Can anyone help me with this?"

Here's a code solution from Andrey Karagyin ...

Solution

You can try the following sample code to switch beteen find_16.gif and view.gif for "onmouseover"/"onmouseout" events. It works fine for me with a browser version of at least IE 6.0, SP1. You can replace view.gif here with your own GIF file if necessary.

   <xsl:template name="SV_FindAttributeShowTD">
     <td class="ValueText">
       <xsl:for-each select=".">
           <xsl:value-of select="value"/>
           <xsl:if test="value != ''">
             <xsl:text> </xsl:text>
             <a 
href="eGuide?Action=List.get&attr1={name}&crit1=sw&val1={value}&max=20&User.context={/Novell/eGuide/User.context}&Object.uid={/Novell/eGuide/detail/object/object.uid}" 
target="nav">
               <img id="findimg" 
src="{/Novell/eGuide/ThemePath}find_16.gif" border="0" width="16" 
height="16" alt="{$FindOthersWithTheSameLabel}" 
onmouseover="document.forms[0].findimg.src='{/Novell/eGuide/ThemePath}view.gif'" 
onmouseout="document.forms[0].findimg.src='{/Novell/eGuide/ThemePath}find_16.gif'"/>
             </a>
           </xsl:if>
       </xsl:for-each>
     </td>
   </xsl:template>


Novell Cool Solutions (corporate web communities) are produced by WebWise Solutions. www.webwiseone.com

© 2013 Novell