SharePoint2013 referencing external JS file in page layout not working

Question

I have created a custom page layout. In that custom page layout I have many HTML markup and controls like Dropdowns, hyperlinks (hrefs) etc. Clicking on hyperlink hides or shows a div. The HTML markup and controls shows up fine when I create a page from page layout. The issue I am having is the JavaScript to hide or show div is in external JS file, which I am referencing in the page layout as below:-

<SharePoint:ScriptLink name="~sitecollection/Style Library/Scripts/my.js" runat="server" />

But when I click on “hyperlinks (hrefs)” the script in external js file doesn’t fire. I also tried using

<script src="../../mysite/Style%20Library/Scripts/my.js"></script>

Any idea what’s wrong?

score 1 · Accepted Answer · answered Jun 03 '14 at 15:09

1

You can try with following links:

<script type="text/javascript" language="javascript" src="http://SharePoint/sites/SiteName/_catalogs/masterpage/Master%20Page%20Template/test.js"></script>

<SharePoint:ScriptLink id="ScriptExternalJs" runat="server"  Name="~SiteCollection/Style Library/MyCustomStyles/js/TestScript.js" OnDemand="false" LoadAfterUI="true" Localizable="false" ></SharePoint:ScriptLink>

answered Jun 03 '14 at 15:09

Aanchal

7,885
1
15
20

I tried with "Script" tag and "ScriptLink" as you suggested but none of them work. I placed those in "PlaceHolderAdditionalPageHead" content area. – user117048 Jun 03 '14 at 19:09
Are you getting any error in your console window? – Aanchal Jun 04 '14 at 04:04

score 0 · Answer 2 · answered Jun 13 '16 at 12:38

0

Refer the js file in script tag and Place it just above the Publishing:EditModePanel tag

<!--MS:<Publishing:EditModePanel runat="server" id="editmodestyles">-->

answered Jun 13 '16 at 12:38

Amay Kulkarni

631
8
10

score -1 · Answer 3 · answered Jun 04 '14 at 10:31

-1

Create a module in sharepoint like "scripts".

Add ur js file under the module and then refer the file in layout.

answered Jun 04 '14 at 10:31

user28338

1
1

Create a module in sharepoint like "scripts".
Add ur js file under the module and then refer the file in layout.

<asp:Content ContentPlaceHolderId="PlaceHolderAdditionalPageHead" runat="server"> </asp:Content>
– user28338 Jun 04 '14 at 10:33

score -2 · Answer 4 · answered Jul 20 '15 at 09:46

You need to add

    //<!{CDATA[//]]>

after each of your script links. i.e.

    <script type = "text/javascript" language="javascript" src="/Style%20Library/myjsfile.js">//<!{CDATA[//]]>

Make sure you put your script link into the 'PlaceHolderAdditionalPageHead' block towards the top of the html page layout - just after the close of the edit mode panel is a good spot.

SharePoint2013 referencing external JS file in page layout not working

4 Answers4

Linked