hovering in pageblocktable

Question

Iam tryin to do hovering in pageblocktable by using minipagelaoyout.

Now I could able to get hovering in few records where i do not scroll.But the problem comes with when I scroll the table and try to hover it.

instead of showing hovering page next to link,Its showing in relative position.

What should I do to get out from this problem.

The code that I used is

<apex:column  >
<apex:facet name="header">Account FirstName</apex:facet>
<a href="/{!acc.Id}"
id="{!acc.Id}"
position="relative"
onblur="LookupHoverDetail.getHover('{!acc.Id}').hide();"
onfocus="LookupHoverDetail.getHover('{!acc.Id}', '/{!acc.Id}/m?retURL=%2F{!acc.Id}&isAjaxRequest=1').show();"
onmouseout="LookupHoverDetail.getHover('{!acc.Id}').hide();"
onmouseover="LookupHoverDetail.getHover('{!acc.Id}', '/{!acc.Id}/m?retURL=%2F{!acc.Id}&isAjaxRequest=1').show();">
{!acc.Account_First_Nmae__c}
</a>
</apex:column>

regards, K.Arun

Answer 1

If the problem is that the mini page layout or whatever it is that you are trying to hover appears in the wrong spot it could be due to the same link being on the page more than once and the code using the same ID for both links. The hover will appear over the first one every time. See Mini Page Layout CSS in Visualforce Page for more information.