Javascript not running when page is published

Question

Hi, I am embedding a javascipt using the script web part on my page.  The code works perfectly when I and in edit mode, in fact every stage until the page is published.  I have read this is due to the SP.js not being loaded on publishing pages (lots of people seem to be struggling with this).  Lots of suggestings around using ExecuteOrDelayUntilScriptLoaded(loadWebs, "sp.js");  or other variants but none work for me.

The code is included below (it lists subsites of the current site).  To repro please paste into a script part (it will work) and then fully publish the page (it will break).

<script type="text/javascript">

function loadWebs() {    

var clientContext = new SP.ClientContext.get_current();    

this.webs = clientContext.get_web().get_webs();    

clientContext.load(this.webs);    

clientContext.executeQueryAsync(Function.createDelegate(this, this.onWebsLoaded), Function.createDelegate(this, this.onQueryFailed)); 

}  function onQueryFailed(sender, args) {    

alert('request failed ' + args.get_message() + '\n' + args.get_stackTrace());  }

function onWebsLoaded(sender, args) {    

for (var i = 0; i < this.webs.get_count(); i++) {    

insRow();

} 

   function insRow()

{

var x=document.getElementById('myTable').insertRow(0);

var y=x.insertCell(0);

var wts = (this.webs.itemAt(i).get_title());

var toUrl = (this.webs.itemAt(i).get_url());

y.innerHTML='<a href="'+toUrl+'">'+(this.webs.itemAt(i).get_title())+'</a>';

}

}

ExecuteOrDelayUntilScriptLoaded(loadWebs, "sp.js");

</script>

<table id="myTable" border="0">

<tr>

<td></td>

</tr>

</table>

Any help appreciated.

Thanks

Brendan

<script type="text/javascript">

function loadWebs() {    

var clientContext = new SP.ClientContext.get_current();    

this.webs = clientContext.get_web().get_webs();    

clientContext.load(this.webs);    

clientContext.executeQueryAsync(Function.createDelegate(this, this.onWebsLoaded), Function.createDelegate(this, this.onQueryFailed)); 

}  function onQueryFailed(sender, args) {    

alert('request failed ' + args.get_message() + '\n' + args.get_stackTrace());  }

function onWebsLoaded(sender, args) {    

for (var i = 0; i < this.webs.get_count(); i++) {    

insRow();

} 

   function insRow()

{

var x=document.getElementById('myTable').insertRow(0);

var y=x.insertCell(0);

var wts = (this.webs.itemAt(i).get_title());

var toUrl = (this.webs.itemAt(i).get_url());

y.innerHTML='<a href="'+toUrl+'">'+(this.webs.itemAt(i).get_title())+'</a>';

}

}

ExecuteOrDelayUntilScriptLoaded(loadWebs, "sp.js");

</script>

<table id="myTable" border="0">

<tr>

<td></td>

</tr>

</table>

Answer 1

Hi Brendan,

Please contact our MSDN forum support here for the dedicated help about development.

https://social.msdn.microsoft.com/Forums/en-US/home?forum=appsforoffice%2Csharepointdevelopment%2Csharepointsearch%2Csharepointgeneral%2Csharepointcustomization%2Cappsforsharepoint%2Csharepointadmin&filter=alltypes&sort=lastpostdesc

Regards,

Spike