Mozilla vs IE

[masterphoton]

Hello,
Thank you very much for inventing this script!

Now, the problem:
The class works just fine if I use mozilla or thunderbird or netscape navigator, but it crashes under IE...in the sense that it only displays the cropping area and not the image to be cropped, and the cropping area seems to stuck on the original position; the only movement it's capable of is around the top left corner of the cropping area (like if it were glue on the top left corner).

Anyone ?

[amnuts]

Hi there, and welcome to the board!

Okay, I've noticed this happening sometimes if the interface is wrapped up in various other styles, div tags and such. Have you tried running the demo just as is? Or is that what you were doing? Also, what version of IE? Was it on a PC or Mac?

Andy

[Slammer]

I have the same problem. It works perfectly fine in Firefox, but not in IE. I get to see the drag rectangle but not the image. And when I want to drag the thumbnail region it jumps outside the image borders.

I tried the original demo and that worked fine, so I'm afraid I have to look for the construction that ruins the cropping part.

Can the whole thing work when it is inserted in some table cell?

[amnuts]

In theory it should work... After all, the cropping interface is already inside a table. Could be that you have various other CSS or javascript conflicts going on which are effecting the performance of the interface.

Andy

[surlychick73]

Hi there. I am experiencing this same problem and am getting very frustrated. It works perfectly in Firefox but in IE, it's very wiggy.

I haven't messed with the CSS or anything that would make it do that. I can't see the original image when it comes up - only a white background. And then I see a small yellow line that apparently should be my crop window. When I click on it, it jumps. If I hold "shift" and click, it shows me the crop window, but then it jumps up to the left hand corner and I keep getting an error message that the debugger points to this line:

function cc_reposBackground()
{
xPos = (dd.elements.theCrop.x - dd.elements.theImage.x + 1);
yPos = (dd.elements.theCrop.y - dd.elements.theImage.y + 1);

if (document.getElementById) {
--->>> document.getElementById('theCrop').style.backgroundPosition = '-' + xPos + 'px -' + yPos + 'px';
} else if (document.all) {
document.all['theCrop'].style.backgroundPosition = '-' + xPos + 'px -' + yPos + 'px';
} else {
document.layers['theCrop'].backgroundPosition = '-' + xPos + 'px -' + yPos + 'px';
}
}

Any thoughts? Thanks so much for any help.

[amnuts]

Hi and welcome to the board!

The main reason why things mess up in IE is because the javascript function (as shown by the loadJavascript() method) is not the last bit of html/javascript before the closing body tag, but rather comes before, say, a chunk of footer html. So make sure that it is the last thing and try again - post up your results, or let me know if it is indeed the last thing on your page already. If you have a link to the site where cropping is that might also help (you can PM it to me if you'd prefer it be kept private).

Andy