Floating text box

**Schmoopy** · 10-22-2008, 12:08 PM

Hey there, so I have this site, and I managed to get it to have a floating text box come up when you rollover image maps. Because I have a map of europe on the site, you can see what i mean here : http://www.bombthehills.com/ridingspots-europe.html and it all worked great but since I've centered the site the floating box is going a long way to the right of the mouse. Also getting weird lines of some of the images :S But offline they look fine.

Anyone know how to correct this?

Thanks,

Jack.

**Schmoopy** · 10-23-2008, 09:19 AM

Please, anyone?
Is it to do with the javascript, html or what?
Any help is much appreciated,

Jack.

**coothead** · 10-23-2008, 01:40 PM

Hi there Jack,

try adding the highlighted lines to this function...

Code:


function ShowContent(d) {
if(d.length < 1) { return; }
var dd = document.getElementById(d);
AssignPosition(dd);
dd.style.display = "block";
dd.style.marginTop="-28px':
dd.style.marginLeft="-80px':
}

...and the adjust the values to suit your taste.

coothead

**Schmoopy** · 10-23-2008, 05:06 PM

Ah sweet, worked a treat,

Thanks a lot

**coothead** · 10-23-2008, 05:08 PM

No problem, you're very welcome.

**Schmoopy** · 10-25-2008, 11:00 AM

Ok, think I spoke too soon. It looks like the map works on my PC, where the resolution is 1440 x 900 but for my brother's PC and others we've tested it on the label flickers under the mouse, and doesn't go along side it.
Do you think this is to do with the resolution or what, try it out on your PC and see if does the same thing,

www.bombthehills.com/ridingspots-europe.html

Hope you can help me with this,

Thanks,

Jack.

**TheJoshMan** · 10-25-2008, 05:26 PM

I get the same flickering... the label seems to follow the cursor though. Actually, the label is directly beneath the cursor.

(my resolution is 1280 x 800)

**Schmoopy** · 10-25-2008, 06:11 PM

Ok, thanks for that, but do you know why? Since it is positioned on my screen, and in the code it should be to the right of the cursor =/

Thanks,

Jack