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

    a4j:commandButton - event "onmouseover"

    ecro81 Newbie

      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