How to use single js/css file in frontend and backend in magento?

Question

I have to use a frontend js file in backend.Currently file is at

/skin/frontend/default/test/js/v1.js

and if I want to use it in backend I have to move it to

/skin/adminhtml/default/default/js/v1.js

but I don't want to duplicate it. So where should I place it. And what should be path in

<action method="addItem">
 <type>skin_js</type>
 <name>path of js file/v1.js</name>
</action>

• Minesh Patel: "and if I want to use it in backend I have to move it to /skin/adminhtml/default/default/js/v1.js" yes that the only correct way to do so.you can not use front js in admintml in layout file.if you want to add ,do add it in your template file by providing front end js path

Answer 1

add your file in js/yourfolder/v1.js you can use same for both admin and frontend

<action method="addJs">
 <script>yourfolder/v1.js</script>
 </action>

• MeenakshiSundaram R: He don't want to duplicate the file.
• Abdul Ghaffar: I don't understand , what are you saying. I said I don't want to make an other copy of file. I want to use original file which is @/skin/frontend/default/test/js/v1.js
• Minesh Patel: @AbdulGhaffar added comment
• Qaisar Satti: @AbdulGhaffar updated the answer..
• Abdul Ghaffar: @QaisarSatti " js/yourfolder/v1.js" you mean js in main project

Answer 2

That's easy. Just follow below steps:

1. Move v1.js in js directory as /js/v1.js
   
2. Access this file from both frontend & backend using below command in your layout xml file
   

>

<action method="addItem"><type>js</type><name>v1.js</name></action>

Answer 3

Please try same as bellow code in your frontend & backend layout file

frontend layout file

<default>
 <reference name="head">
 <action method="addJs"><script>test/test.js</script></action>
 </reference>
</default>

backend layout file

<default>
 <reference name="head">
 <action method="addJs"><script>test/test.js</script></action>
 </reference>
</default>

• Abdul Ghaffar: How is it possible, you are trying to access same form two different places with same path, with out placing it on specific point
• Minesh Patel: This will add js from js folder only and not from skin_js
• Abdul: have you used one form in frontend & second in backend right?
• Abdul: in magento js/prototype/prototype.js is use forntend and also backend
• Abdul: you are follow same as prototype.js (location at forntend app\design\frontend\base\default\layout\page.xml and backend app\design\adminhtml\default\default\layout\main.xml