0 Replies Latest reply on Nov 7, 2010 5:50 PM by ecro81

a4j:commandButton - event "onmouseover"

ecro81 Nov 7, 2010 5:50 PM

Hi,

is the first time that I write on this forum so I apologize if I'm wrong section.

I use JSF 1.2 with Tomcat 6.

I would like to make a button that performs the action not at the click of a mouse but when we are over with the mouse for more than 5 seconds.

This is the code of the button that displays a table at the time of the click:

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

<a4j:form id="xxx">

.....

....

<a4j:commandButton style="background-color: white;
                                        border-bottom-style: solid dotted dashed;
                                        border-color: #9bc8e9 ;
                                        padding:5px 0px 0px 5px ;
                                        width: 140px; height: 30px;"
                                onmouseout="this.style.backgroundColor='white'"
                                onmouseover="this.style.backgroundColor='#cde3f4'"
                                action="#{equipeBean.visualisationMatch}"
                                reRender="xxx"
                                value="Matchs"/>

<rich:panel rendered="#{equipeBean.visualisMatch}">
                <f:facet name="header">MILAN</f:facet>
                   <h:panelGrid columns="2">
                    <h:outputText style="font-weight: bold;" value="Name:" />
                    <h:outputText value="#{equipeBean.equipe.name} />
                    <h:outputText style="font-weight: bold;" value="President:" />
                     <h:outputText value="#{equipeBean.president}" />

......

</h:panelGrid>
</rich:panel>

</a4j:form>

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Can someone explain how to handle the event "onmouseover"?

Thank you very much