2 Replies Latest reply on May 13, 2013 3:44 AM by smoking81

Open rich:popupPanel on current mouse cursor position using jquery

smoking81 May 10, 2013 2:59 AM

Hello everybody! I use RF 4.2.0.Final and have the following code which will open a rich:popupPanel vertically aligned with (and directly below) the h:commandButton:

<h:commandButton value="Open popup" id="openBtn">
<rich:componentControl event="click" target="myPopup" operation="show"> 
<a4j:param name="event" value="event" noEscape="true" /> 
<rich:hashParam> 
<a4j:param noEscape="true" name="top" value="jQuery(#{rich:element('openBtn')}.parentNode).offset().top  + jQuery(#{rich:element('openBtn')}.parentNode).height()" /> 
<a4j:param noEscape="true" name="left" value="jQuery(#{rich:element('openBtn')}.parentNode).offset().left" /> 
</rich:hashParam> 
</rich:componentControl> 
</h:commandButton> 
<rich:popupPanel id="myPopup" modal="false" autosized="true" resizeable="false" ....

Now, I'd like to let the mouse cursor become the upper left corner of the popup, but I couldn't find out how to do this (unfortunately I don't have any practice with jquery). Can you please help me?

Thanks

1. Re: Open rich:popupPanel on current mouse cursor position using jquery

sivaprasad9394 May 13, 2013 1:10 AM (in response to smoking81)

As per my understans once the pop up is opened using onclick or onmouse over,After opening itmouse cursor pointer should be displayed in popup's top right corner Close button??
OR
do you need to display the close button in top right corner pf popup?

Thanks,
Siva
Actions
2. Re: Open rich:popupPanel on current mouse cursor position using jquery

smoking81 May 13, 2013 3:44 AM (in response to sivaprasad9394)

Hi! No I didn't explain myself so good, sorry..

I just would like that when the user clicks the button, the popupPanel receives the coordinates of the current mouse position (through a4j:param)... The problem with my code is that if I use directly the openBtn position (jQuery(#{rich:element('openBtn')}.parentNode).offset().top), when the button appears very down in the page (imagine the user has to scroll down before visualizing it) the popup won't be visible..

Thanks again!
Actions

Go to original post