Popup positioning wrong with mouseover

Report · May 02, 2012

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:

<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:

<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

Report · 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.

Report · 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

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Report · 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.

<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>

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.

<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>

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

Report · May 25, 2012

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.

<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>

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

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Report · May 25, 2012

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

Report · May 25, 2012

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

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.

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?

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

Report · May 25, 2012

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

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Report · May 25, 2012

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

Report · May 25, 2012

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

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Report · May 25, 2012

Sure. Thanks.

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

~m

Report · May 25, 2012

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

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Report · May 25, 2012

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

Adobe Community

Popup positioning wrong with mouseover