JavaScript or jQuery

Topics: Administration, Core, General
Oct 16, 2014 at 4:02 AM
Can anyone please tell me that how can I implement any JavaScript or jQuery in any of my .csHtml pages?
Oct 16, 2014 at 4:29 AM

You can use Javascript like on every html page. Only use the script - Tags
    <script language="javascript" type="text/javascript">
        //your script here
If you want make sure jQuery is loaded and you want place your script on the end of the page simple use the Script.Foot and Script.Require.
@using (Script.Foot()) {
    <script language="javascript" type="text/javascript">
        //your script here
The Code is not tested, but it should work.
Oct 16, 2014 at 4:32 AM
Where should we place our .js File? In the Orchard.jQuery Module or in our own module?
Oct 16, 2014 at 4:37 AM
Edited Oct 16, 2014 at 4:41 AM
You can place the *.js File in a Folder called Scripts in your own module and create/edit a ResourceManifest. That's a separate class derived from IResourceManifestProvider and collect your Script and Style Files. So you can later import than with Script.Require .

The ResourceManifest in my Theme looks like this.
using Orchard.UI.Resources;

namespace PJS.Bootstrap {
    public class ResourceManifest : IResourceManifestProvider {
        public void BuildManifests(ResourceManifestBuilder builder) {
            var manifest = builder.Add();

            manifest.DefineScript("Bootstrap").SetUrl("bootstrap-3.2.0/js/bootstrap.min.js", "bootstrap-3.2.0/js/bootstrap.js").SetVersion("3.2.0").SetDependencies("jQuery");

In your cshtml, where you need your script or the style simply add
// Add the BootStrap Style

// Add prettyPhoto Script
edit: Removed some Code for easier reading
Marked as answer by sfmskywalker on 10/15/2014 at 10:58 PM
Oct 16, 2014 at 4:41 AM
Thank you sir!
Oct 16, 2014 at 4:43 AM
You are welcome :)

If you satisfied with my answer please mark it as answer - Thanks. :)
Oct 16, 2014 at 4:45 AM