[richfaces-issues] [JBoss JIRA] Commented: (RF-7016) <rich:jQuery> usage example with <h:graphicImage>, uses conflicting mouseOver handlers.

<rich:jQuery> usage example with <h:graphicImage>, uses conflicting mouseOver handlers. --------------------------------------------------------------------------------------- Key: RF-7016 URL: https://jira.jboss.org/jira/browse/RF-7016 Project: RichFaces Issue Type: Bug Components: doc Affects Versions: 3.3.0 Reporter: Scott Langley Assignee: OLga Chikvina Priority: Minor Fix For: 3.3.2.CR1 In the RichFaces Reference Guide, in the section 6.66.5. Details of Usage for the <rich:jQuery> component, one suggested usage is: ... <h:graphicImage onmouseover="enlargePic(this)" width="50" value="/images/price.png" onmouseover="enlargePic(this, {pwidth:'60px'})" onmouseover="releasePic(this)" /> <h:graphicImage onmouseover="enlargePic(this)" width="50" value="/images/discount.png" onmouseover="enlargePic(this, {pwidth:'100px'})" onmouseover="releasePic(this)" /> ... <rich:jQuery name="enlargePic" timing="onJScall" query="animate({width:param.pwidth})" /> <rich:jQuery name="releasePic" timing="onJScall" query="animate({width:'50px'})"/> ... If you try to run something resembling this, you get errors like: Attribute "onmouseover" was already specified for element "h:graphicImage". because they are assigning three times to the 'onmouseover' handler function. I assume that the author meant to use this code: ... <h:graphicImage width="50" value="/images/price.png" onmouseover="enlargePic(this, {pwidth:'60px'})" onmouseout="releasePic(this)" /> <h:graphicImage width="50" value="/images/discount.png" onmouseover="enlargePic(this, {pwidth:'100px'})" onmouseout="releasePic(this)" />