Skip to main content
M
Margaret_Becker
Inspiring
May 2, 2012
Question

Popup positioning wrong with mouseover

  • May 2, 2012
  • 1 reply
  • 3214 views

Windows 7/64bit RH9

I have a lot of popups in my help project. My users have requested that these be made to open on a mouseover instead of onclick. I have figured out how to do that, but when I use the mouseover, the popup appears at the top left corner of the page instead of next to the link button. This does not happen when I open the popup with onclick. In that case the popup appears next to the link button as expected. I have searched everywhere for a solution without success. Can anyone help?

Here is my code for the onclick version:

<p style="text-align: right; position: relative;"><a href="javascript:BSSCPopup('../MenuLocations/EnableClippingPlane_menu_location.htm');"

                     onmouseover="javascript:BSSCPopup('../MenuLocations/EnableClippingPlane_menu_location.htm')"

                     id="a7" style="position: relative;"><img onmouseover="this.src = '../InfoButton24_Red.png'"

                                                                                                                                   onmouseout="this.src = '../InfoButton24_Gray.png'"

                                                                                                                                   src="../InfoButton24_Gray.png"

                                                                                                                                   alt="" border="0" /></a>

Here is my code for the mouseover version:

<p style="text-align: right; position: relative;"><a href="javascript:BSSCPopup('../MenuLocations/EnableClippingPlane_menu_location.htm');"

                     onmouseover="javascript:BSSCPopup('../MenuLocations/EnableClippingPlane_menu_location.htm')"

  id="a7" style="position: relative;"><img onmouseover="this.src = '../InfoButton24_Red.png'"

                                                                                                                                   onmouseout="this.src = '../InfoButton24_Gray.png'"

                                                                                                                                   src="../InfoButton24_Gray.png"

                                                                                                                                   alt="" border="0" /></a>

Thanks in advance,

~Margaret Becker

www.rhino3d.com

This topic has been closed for replies.

1 reply

M
Margaret_BeckerAuthor
Inspiring
May 23, 2012

So, I am assuming there is no solution for this problem.

I notice that there is an extraneous space in EnableClippingPla ne_menu_location.htm, but that is not the reason this doesn't work.

Peter Grainge
Community Expert
Peter GraingeCommunity Expert
Community Expert
May 25, 2012

You appear to have posted the same code twice as both refer to onmouseover.

Removing style="position: relative;" seems to fix the position problem but I see the popup is not closing on mouseout.

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
M
Margaret_BeckerAuthor
Inspiring
May 25, 2012

I'm so sorry.

For this button, the image changes on mouseover, but you have to click to open the popup and click again to close it. The popup appears beside and below the image.

<p><a href="javascript:BSSCPopup('../MenuLocations/3DFace_menu_location.htm');"

                     id="a25" style="position: relative;"><img onmouseover="this.src = '../InfoButton24_Red.png'"

                                                                                                                                   onmouseout="this.src = '../InfoButton24_Gray.png'"

                                                                                                                                   src="../InfoButton24_Gray.png"

                                                                                                                                   alt="" border="0" /></a></p>

For this button the image changes and the popup appears on mouseover, you have to click to close it. The popup appears in random places but usually in the top left corner of the page.

<p><a href="javascript:BSSCPopup('../MenuLocations/3DFace_menu_location.htm');"

                     onmouseover="javascript:BSSCPopup('../MenuLocations/3DFace_menu_location.htm')"

                     id="a24" style="position: relative;"><img onmouseover="this.src = '../InfoButton24_Red.png'"

                                                                                                                                   onmouseout="this.src = '../InfoButton24_Gray.png'"

                                                                                                                                   src="../InfoButton24_Gray.png"

                                                                                                                                   alt="" border="0" /></a></p>

Removing style="position: relative;" doesn't work because RH just puts it right back in, and I don't know how to prevent this.

Thanks.

~Margaret

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices