Conflict with jQuery + Prototype + Opera / IE

views:

answers:

+2 Q:

Conflict with jQuery + Prototype + Opera / IE

Greetings,

I'm using IPBoard CMS that comes with prototype and I use the latest jQuery.

I've implemented a jQuery gallery picture viewer: - It works fine on Chrome and Firefox. - I have troubles with Opera and IE 8.

I've created a minimal example here: http://www.warriorlabs.net/index.php?app=ccs&module=pages&section=pages&folder=&id=22

You just have to click on the picture.

In IE 8 or Opera:

When I remove prototype everything works fine.

When I keep prototype with jQuery altogether with my "noConflicted" gallery viewer there seems to be errors with the width and height returned by jQuery accessors. As a result the loading box is not centered and the picture itself seems to be mapped to the whole window.

Has anyone got a clue of why this is happening ?

A little help would be appreciated.

Thank you.

Benjamin Arnaud.

+1 A:

Dan Manastireanu 2010-10-23 17:33:15

Hey Dan, I've applied your fix to the page. So far I have the same issue though. Do you still have the error ?

Benjamin Arnaud 2010-10-23 18:08:49

Try to also remove the `jQuery.noConflict()` from the first line in `facebox.js`

Dan Manastireanu 2010-10-23 18:25:36

Tried this. It does not change anything probably because facebox is written with jQuery not protoype. Indeed in my example prototype is never "used" it's just there :). So I think prototype is corrupting jQuery or something, probably not the opposite.

Benjamin Arnaud 2010-10-23 19:05:47

Perhaps ... in this case you might try to move the `prototype.js` script at the top of the head tag. It might also be the case that prototype modifies the actual prototype of HTMLElement in such a way that it messes up the objects/functions jQuery expects.

Dan Manastireanu 2010-10-23 19:33:36

Maybe somebody else can help you, because I have very little experience with prototype ... sorry

Dan Manastireanu 2010-10-23 19:34:40

No problem, I've already used prototype altogether with jQuery + noConflict. I think I'm facing something really specific here. Kind of like this : http://forum.jquery.com/topic/ie-jquery-and-prototype-conflict

Benjamin Arnaud 2010-10-23 19:47:18

Looks like you are on the right track ... perhaps you might be able to make it work by doing something like `Element.scrollTo=undefined;` right at the beginning of `facebox.js`. Of course this might break prototype code that relies on it ...

Dan Manastireanu 2010-10-23 19:57:24

ansaurus

tags:

views:

answers:

Conflict with jQuery + Prototype + Opera / IE

related questions