Popup Alignment

They have: 3 posts

Joined: Mar 2005

Hello, im hoping someone can help me. I have a site that is using onmouseover popup to show definitions and footnotes throughout a very long document... the problem is when the linked word is too close to the right side of the page the popup still goes to the right of the cursor and ends up off the page so cant be read. Is there a way to make it see the right edge of the screen and stay within view area?

Any help would be much appreciated!!

Ayla

Busy's picture

He has: 6,151 posts

Joined: May 2001

Can you post the code you're using now, might be easier for someone to adjust it than redesign which may not be suitable for you. Not the whole function, just the onclick value if it's not a function call, else the function itself

They have: 3 posts

Joined: Mar 2005

Hi, here is a sample of the code....

this is the sample of the call... the popup will happen when you run your mouse over the words FIRST NATION.

First
Nation

I hope this is what you were asking for Smiling

ayla

Busy's picture

He has: 6,151 posts

Joined: May 2001

Ahhh, tooltips are different to popups but we should be able to come up with something ...

does the Activate() function contain any positioning values?
try change the ToolTip to the following

#ToolTip{position:absolute; visibility:hidden; top: 0; left: 0; width: 100px;}

all I've done is removed the px value on the 0 and rearranged the order, also removed the z-index.

dk01's picture

He has: 516 posts

Joined: Mar 2002

What exactly are tool tips?

-dk

They have: 3 posts

Joined: Mar 2005

oh thanks busy! i'll try that....

Tooltips are what popup when you hover your mouse over something... its not really a window, just a small note with a description or tip in it. moving your mouse off turns it off... Smiling (hope i described that correctly)

dk01's picture

He has: 516 posts

Joined: Mar 2002

Ahhh I got it now! Thanks Ayla.

-dk

Busy's picture

He has: 6,151 posts

Joined: May 2001

It's an advance form of HTML's title="" using Javascript

HTML = mouse me
Javascript you are able to control the size, shape, colour, include an image ...
depends how it's written, will work in most browsers

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.