Skip navigation
Margaret Becker
Currently Being Moderated

Popup positioning wrong with mouseover

May 2, 2012 12:24 PM

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/EnableClippingPla ne_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/EnableClippingPla ne_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

 
Replies
  • Currently Being Moderated
    May 25, 2012 4:44 AM   in reply to Margaret Becker

    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

     
    |
    Mark as:
  • Currently Being Moderated
    May 25, 2012 10:18 AM   in reply to Margaret Becker

    It is sticking for me.

     

    This is the code I am using. On mouseover the popup appears alongside the graphic. On click it closes the popup.

     

    <p><a href="javascript:BSSCPopup('Second_Topic.htm');" onmouseover="javascript:BSSCPopup('Second_Topic.htm')"

             id="a3"><img onmouseover="this.src = 'baby_right.png'" onmouseout="this.src = 'baby_left.gif'"

                             src="baby_left.gif" alt="" border="0" /></a> </p>

     

    Your code is showing a space again. Maybe if the code is wrong RoboHelp rewrites it? Just a guess.

     


    See www.grainge.org for RoboHelp and Authoring tips

     

    @petergrainge

     
    |
    Mark as:
  • Currently Being Moderated
    May 25, 2012 12:49 PM   in reply to Margaret Becker

    Try editing in HTML view and then clicking the Preview icon as the next action.

     

    I am at the wrong PC to test again right now.

     


    See www.grainge.org for RoboHelp and Authoring tips

     

    @petergrainge

     
    |
    Mark as:
  • Currently Being Moderated
    May 25, 2012 1:06 PM   in reply to Margaret Becker

    With your permission, I will send you a project tomorrow showing it working. I have your contact details.

     

    Do you have both patches applied?

     


    See www.grainge.org for RoboHelp and Authoring tips

     

    @petergrainge

     
    |
    Mark as:
  • Currently Being Moderated
    May 25, 2012 1:54 PM   in reply to Margaret Becker

    Meantime try pasting my code into your topic and just changing the topic and images.

     

    Also try it in a new project.

     


    See www.grainge.org for RoboHelp and Authoring tips

     

    @petergrainge

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (1)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points