Conflicting Javascript Files (import libraries)

[qaz216]

Hi All,

I am working on an osCommerce site and am in the process of customizing the product page. I added a contribution for image overlay (lightbox2) and now want to add a social bookmarking button (OSC Socializer).

The problem is that the image overlay package uses "scriptaculous" while the social bookmarking button uses "mootools". Evidently there is some overlapping here as the image button does not work while the scriptaculous import statements are in the html head section. If I comment scriptaculous statements out, the social bookmarking button works fine.

Here are my import statements.

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script language="javascript" type="text/ecmascript" src="social/js/mootools-1.2-core.js"></script>
<script language="javascript" type="text/ecmascript" src="social/js/socializer.js"></script>
<link href="social/css/socializer.css" rel="stylesheet" type="text/css" />

Is there any way I can do selective imports for either package directly within the body?

Any ideas about a viable approach?

Thanks!

[gRoberts]

Take a look at: http://ajaxian.com/archives/getitnex...s-can-co-exist

[qaz216]

Hi and thanks for your response.

The solution you reference is specific to jQuery's noConflict() method. The problem is that mootools and scriptaculous do not support this method.

I was wondering if there was anyway to isolate particular pieces of the webpage to use a specific library.

Any suggestions are appreciated.

Thanks ...

[qaz216]

After further investigation, it does not appear that there is a way around this. jQuery's noConflict feature seems great, but I don't think that there is a way to make "scriptaculous" and "mootools" play nice.

Decided to go with lightbox clone slimbox.