Question

Magento by default includes all the js files.

<script type="text/javascript" src="js/prototype/prototype.js"></script>
<script type="text/javascript" src="js/lib/ccard.js"></script>
<script type="text/javascript" src="js/prototype/validation.js"></script>
<script type="text/javascript" src="js/scriptaculous/builder.js"></script>
<script type="text/javascript" src="js/scriptaculous/effects.js"></script>
<script type="text/javascript" src="js/scriptaculous/dragdrop.js"></script>
<script type="text/javascript" src="js/scriptaculous/controls.js"></script>
<script type="text/javascript" src="js/scriptaculous/slider.js"></script>
<script type="text/javascript" src="js/varien/js.js"></script>
<script type="text/javascript" src="js/varien/form.js"></script>
<script type="text/javascript" src="js/varien/menu.js"></script>
<script type="text/javascript" src="js/mage/translate.js"></script>
<script type="text/javascript" src="js/mage/cookies.js"></script>

I want to remove prototype,scriptaculous libraries and use jquery in place of them. How can i know where these libraries are used and what is the role of the rest of js files. These files are unnecessary included whether you system requires them or not.

Any hints?

Answer 1

If you want to know where the JS are used see your or if you are using default then default templates layouts… like the examples you have given. But I would suggest you keep both prototype and add JQuery (As many admin features etc use prototype) for the bits you need and there is a work around for the ‘$’ issue when using the two libraries together [see http://docs.jquery.com/Using_jQuery_with_Other_Libraries%5D