Home/ Questions/Q 8931525
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T09:07:56+00:00

I have a Rich Faces table which has data contained in div. I want

  • 0

I have a Rich Faces table which has data contained in div. I want to show an another div when you mouseover a particular row on richtable row to show extra data associated with that record and hide a div when mouseout using jquery. I am able to show/hide div using jquery. But problem is it is showing/hiding every div tag associated with each of the row instead of showing/hiding div of a particular row. How do i make sure only the row that i mouseover shows the div tag associated with it only?

Here is the code snippet:

<s:div style="float:left; ">
  <rich:dataTable id="pendingOptyTbl" value="#{searchResultList}"
    var="item" style="border: none; float: left;width:100%;">  
      <rich:column style="border: none;">
          <s:div style="position:relative;height: 35px;">
            <s:div style="float:left; width: 700px; " >
               <a4j:outputPanel style="width: 700px;" onmouseout="jQuery('accountDetails').hide();"   onmouseover="jQuery('.accountDetails').show();">
                    <s:div>
                           <h:outputText value="#{searchController.getCapitalizeName(item.label)} : " >
                    </s:div>
               </a4j:outputPanel>
            </s:div>
        <s:div  style="float:left;top:-10px;right:80px; width:360px;position:absolute;" styleClass="searchDetailsClass">
                <a4j:outputPanel id="searchDetails" ajaxRendered="true" styleClass="accountDetails">

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    So I resolved this using the similar way to the answer from Vladimir but instead of id i did it with StyleClass. I added styleClass=”detail-#{idx}” and searched using onmouseover=”jQuery(‘.detail-#{idx}’).show();”. This will search the element using style class of the div. Every div will have different styleclass since there is a row index associated with it. I hope this will help somebody in the future. FYI: Using Id as described by Vladimir did not work for me.

    • 0