Image w/description tooltip problem

[inkgoddess]

1) Script Title:
Image w/ description tooltip
2) Script URL (on DD):
http://www.dynamicdrive.com/dynamici...agetooltip.htm
3) Describe problem:
Help!! I'm not having this problem on any other page I'm using the script except here: http://www.TheAllisonScottsdale.com/gallery.html
The tooltip is functioning fine on the left and right sides, but the 4th and 5th column in from the left, the image tooltip cuts off the page. Is there a way to "center" the tooltip on the page?
Please advise. I appreciate your time.
Thank you in advance,
InkGoddess

[ddadmin]

Firstly, please note that your page is currently in violation of our usage terms, since the credit notice doesn't appear inline on the page. Please reinstate the credit notice:

/*
Image w/ description tooltip- By Dynamic Web Coding (www.dyn-web.com)
Copyright 2002 by Sharon Paine
Visit http://www.dynamicdrive.com for this script
*/

Regarding your question, looks like this script fell through the cracks in terms of an IE positioning bug. Firstly, in the HEAD section of your page, find the line:

var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;
var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : standardbody

The line in red is new. Add it directly below the line above it.

Then, just do a search and replace, searching for "document.body" and changing that to "standard".

That should do it.

[jscheuer1]

Firstly, please note that your page is currently in violation of our usage terms, since the credit notice doesn't appear inline on the page. Please reinstate the credit notice:

/*
Image w/ description tooltip- By Dynamic Web Coding (www.dyn-web.com)
Copyright 2002 by Sharon Paine
Visit http://www.dynamicdrive.com for this script
*/

Regarding your question, looks like this script fell through the cracks in terms of an IE positioning bug. Firstly, in the HEAD section of your page, find the line:

var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;
var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : standardbody

The line in red is new. Add it directly below the line above it.

Then, just do a search and replace, searching for "document.body" and changing that to "standard".

That should do it.

Shouldn't that be:

var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;
var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body

The line in red (now blue with correction in red) is new. Add it directly below the line above it.

Then, just do a search and replace, searching for "document.body" and changing that to "standardbody".

Also, make sure you don't change the document.body in:

var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body

to standardbody.

[inkgoddess]

Thanks for your help. I've fixed the credit code, and made the changes suggested... it's still cutting off. ?? Am I miscoding?
I really appreciate the time and assistance in this!
InkGoddess

[ddadmin]

Are you sure? I just tested your page in IE7, and it seems to work correctly now.

[inkgoddess]

Bummer, I'm still seeing the 4th & 5th row cut off.
If you saw it when it was "broken" then saw it fixed, I'll assume that I'm stuck in my ISP cache again. Ugh.
I so very much appreciate the help from ya'll.
Thank you!!!!
InkGoddess

[jscheuer1]

I see. At 1024X768 resolution, there isn't enough space to display the larger images to the right of the cursor so, the script switches them to the left but, there isn't enough room there either. This is particularly evident on the third column from the left where, on portions of it the image will display on the left side of the cursor, on others it displays on the right side of the cursor.

The larger images are simply too large to fit beside the cursor on either side of it when the cursor is that close to the center of the screen.

Things get much worse at 800x600 resolution. DD was probably looking at it in 1440x900 or larger. That's my native resolution here and it looks just fine, full screen at that width.

If it were me, I would rethink my presentation. I'd suggest going with Lightbox or Image Thumbnail Viewer, something that centers each larger image and pops them up onclick, instead of onmouseover. That or, use much smaller 'larger images'.

[ddadmin]

John was right about my typo, sorry about that. There's actually another issue with the code I posted-basically, the variable "standardbody" will always contain null in IE, as it appears in the HEAD of the page before the body is available yet.

I've fixed that issue, plus the script now works in Opera 8/9 (just a browser detection issue): http://www.dynamicdrive.com/dynamici...agetooltip.htm

[jscheuer1]

John was right about my typo, sorry about that. There's actually another issue with the code I posted-basically, the variable "standardbody" will always contain null in IE, as it appears in the HEAD of the page before the body is available yet.

I've fixed that issue, plus the script now works in Opera 8/9 (just a browser detection issue): http://www.dynamicdrive.com/dynamici...agetooltip.htm

That's great but, it still doesn't address the problem inkgoddes is having, does it? See my previous post in this thread.

[ddadmin]

Nope but at least now the enlarged image will properly orient itself relative to the viewpoint of the user's window and not disappear on you in some cases. What's described is another issue with the script, and looking at the code, I'm tempted to just rewrite it once I have time to bring it out of the days of NS4.