Help with Scriptaculous and other JS

[Sgt. Baboon]

A site I am working on uses Scriptaculous for a menu effect. It works great. However, whenever I add another Javascript to the page, it breaks. At first I thought it was an onLoad conflict, but then realized it conflicts with any JS I add. Whenever I add more JS to the page, the menu effect doesn't work, but the new JS always does.

Does anyone have any ideas? I originally thought I just needed to load the Scriptaculous onLoad, which I can't figure out, but now I think it is deeper than that.

I can provide any files or code that you may need.

Thanks!

[bradical1379]

Can you post up the other javascript that you feel is conflicting?

If there is conflicts, I assume its with the prototype javascript, not with the scriptaculous.

[Sgt. Baboon]

I sure will. In the meantime, I added a lightbox to one of the pages and it they both work fine.

[Sgt. Baboon]

Ok here is an example. It is an image tooltip script. The .js file is attached. Below is the code in the html that calls it.

onmouseover="doTooltip(event,1)" onmouseout="hideTip()"

Thanks!

[Sgt. Baboon]

Well, unless someone has an idea, it looks as though I will need to use a different menu. Another page utilizes a gallery type script that also uses Scriptaculous, and they of course conflict too.

[chrisdpucci]

Are the other scripts you use based on a different framework such as Jquery? If so, yeah they are not compatible and you'll have to decide to use one or the other. If it's just standard transparent javascript, unless you've created a function with the same name as one of the functions in your framework, there shouldn't be any conflicts.

[Sgt. Baboon]

Hi Chris.

I know one uses the same, so that one is obvious. The other I am having problem with I am still trying to figure out. That is the one attached to this thread. It doesn't seem to use any such framework.

I admit though, I am no expert at JS.

[Sgt. Baboon]

What about 2 scripts that both use Scriptaculous? How do I get them to play nicely on the same page?

[gimbles]

just a thought after skimming your code, might not help though:

imagetooltip.js LINE 98 try changing

window.onload = initTip;

TO

Event.observe(window, 'load', initTip, false);

[Sgt. Baboon]

just a thought after skimming your code, might not help though:

imagetooltip.js LINE 98 try changing

window.onload = initTip;

TO

Event.observe(window, 'load', initTip, false);

Thanks gimbles. That did help. They now both work. Now if I can just get 2 Scriptaculous scripts working together, all would be well!

[Sgt. Baboon]

Actually, I got that working too. I had included the prototype.js and scriptaculous.js twice. Changed that and both work now.

Thanks for the help!