12 Replies Latest reply: May 25, 2012 2:14 PM by Margaret Becker RSS

    Popup positioning wrong with mouseover

    Margaret Becker Community Member

      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

        • 1. Re: Popup positioning wrong with mouseover
          Margaret Becker Community Member

          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.

          • 2. Re: Popup positioning wrong with mouseover
            Peter Grainge CommunityMVP

            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

            • 3. Re: Popup positioning wrong with mouseover
              Margaret Becker Community Member

              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

              • 4. Re: Popup positioning wrong with mouseover
                Peter Grainge CommunityMVP

                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

                • 5. Re: Popup positioning wrong with mouseover
                  Margaret Becker Community Member

                  That's weird.... But the space only appears in the text pasted into this message. It does not appear in my actual code.

                   

                  However, this still doesn't work for me. RH puts the style="position: relative;" notation right back into the code as soon as I go into Design View.

                   

                  If I open the topic in a different editor and take out the position: relative, everything works fine.

                   

                  This drives me mad. How can I prevent RH from putting this code back in? Is there a setting someplace?

                   

                  ~Margaret

                  • 6. Re: Popup positioning wrong with mouseover
                    Margaret Becker Community Member

                    This situation is totally baffling for me. Here is the code snippet in RH HTML View with the "position: relative" notation removed.

                    RHHTMLView_BeforeDesignView.png

                    Here is the code snippet in RH HTML View after simply going in to Design View and coming back to HTML view. Notice the "position: relative" code is back.

                    RHHTMLView_AfterDesignView.png

                     

                    HOWEVER:

                     

                    This is the same code snippet as viewed when I open the exact same htm file in EditPlus. Notice that the "position: relative" code is missing. It ONLY shows in RH HTML View. What's up with that?

                    EditPlusFile.png

                    Either way, the popups either appear randomly on the page (it's not exactly random, but it might as well be), OR they always appear in the top left. Neither is acceptable.

                     

                    The only thing I can do at this point is to make my users click the button. Or I'm going to have to replace the RH code for a popup with a JQuery script or something.

                     

                    ~Margaret

                    • 7. Re: Popup positioning wrong with mouseover
                      Peter Grainge CommunityMVP

                      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

                      • 8. Re: Popup positioning wrong with mouseover
                        Margaret Becker Community Member

                        The result in that case is that the popups appear in "random" locations.

                        • 9. Re: Popup positioning wrong with mouseover
                          Peter Grainge CommunityMVP

                          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

                          • 10. Re: Popup positioning wrong with mouseover
                            Margaret Becker Community Member

                            Sure. Thanks.

                             

                            I'm not sure about the patches. I have RH 9.0.2.271.

                             

                            ~m

                            • 11. Re: Popup positioning wrong with mouseover
                              Peter Grainge CommunityMVP

                              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

                              • 12. Re: Popup positioning wrong with mouseover
                                Margaret Becker Community Member

                                I've done the code pasting already... You might notice that the images posted in #6 use your stuff. I'll try a new project now.

                                 

                                 

                                 

                                ~M