Javascript clashes

[Mr.Shawn]

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.curvycorners.packed.js"></script>
<script type="text/javascript" src="/js/mootools.js"></script>
<script type="text/javascript" src="/js/moodalbox.js"></script> 

 

Hi, everyone.

 

I uses the curvy-corners to cast rounded corners on a certain div. Problem happens when I tried to load the modalbox js and the rounded corners is gone. Seems like the both javascript is clashing with each other and there's no way I could edit them. Their codes are bunched together without even indenting or spacing.

 

How can I solve this situation?

[phpQuestioner]

 

View the code; look for specific parts of the script that changes css styles.

 

If you can correct and save the css style issue, that the external js cause, do so as needed. Otherwise, add inline css as needed to the html elements; too override js code.

[emehrkay]

jquery allows you to create a namespace for the whole library, I dont know how though.

 

Mootools doesnt work with other libraries - that's their stance.

[Mr.Shawn]

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

 

the above link i had read is something that helps to fix the clashing. but it is still not working although i replace the $ to the variable that you declared to be jQuery.noConflict();

[emehrkay]

why not find solutions for each library and use just one?

 

Here is a rounded corners for mootools - http://www.phatfusion.net/roundedcorners/

Here is a lightbox for jquery - http://15daysofjquery.com/jquery-lightbox/19/