topic Using ArcGIS JS API From Different Host Kills Access to Widgets on Page in ArcGIS JavaScript Maps SDK Questions

topic Using ArcGIS JS API From Different Host Kills Access to Widgets on Page in ArcGIS JavaScript Maps SDK Questions https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/using-arcgis-js-api-from-different-host-kills/m-p/653410#M60883 <HTML><HEAD></HEAD><BODY><P>I would like to use a copy of the ArcGIS JavaScript API hosted on another server (say, ESRI's CDN) but I find that when I do that, I can no longer access any of the Dojo widgets on my page.</P><P></P><P>Has anyone found a workaround for the problem?</P><P></P><P>Sample code:</P><P></P><P>HTML File:</P><P></P><P></P><P><!DOCTYPE html><BR /><html><BR /><head><BR />    <link rel="stylesheet" type="text/css" href="<A href="http://js.arcgis.com/3.14/dijit/themes/claro/claro.css">http://js.arcgis.com/3.14/dijit/themes/claro/claro.css</A>"><BR />    <link rel="stylesheet" type="text/css" href="<A href="http://js.arcgis.com/3.14/esri/css/esri.css">http://js.arcgis.com/3.14/esri/css/esri.css</A>"><BR />    <script type="text/javascript" src="<A href="http://js.arcgis.com/3.14/"></script">http://js.arcgis.com/3.14/"></script</A>><BR />    <title>Map</title><BR />    <BR /> <script type="text/javascript" src="trivial.js"></script></P><P></head></P><P><body class="claro">   <BR />    <BR />    <div id="content"<BR />        data-dojo-type="dijit/layout/LayoutContainer"<BR />        data-dojo-id="content"><BR />        <div id="right_pane"<BR />            data-dojo-type="dijit/layout/ContentPane"<BR />            data-dojo-props="region:'right'"<BR />            data-dojo-id="right_pane"><BR />        <div data-dojo-type="dijit/layout/StackContainer" data-dojo-id="sidebar_stack_container">Abc</div><BR />  </div><BR />        <BR />    </div><BR /></body><BR /></html></P><P></P><P>Contents of trivial.js</P><P></P><P>require([</P><P>  "dojo/parser",</P><P>  "dojo/domReady!"</P><P>], function (</P><P>  parser,</P><P>  domReady) {</P><P>   parser.parse();</P><P>var test = sidebar_stack_container;</P><P>});</P><P></P><P>Resulting F12 Developer Tools Error Message:</P><P>ReferenceError: 'sidebar_stack_container' is undefined in domReady callback ReferenceError: 'sidebar_stack_container' is undefined</P><P>   at Anonymous function (<A href="http://data.firstwatch.net/workspace/trivial.js:8:2">http://data.firstwatch.net/workspace/trivial.js:8:2</A>)</P><P>   at ha (<A href="http://js.arcgis.com/3.14/:22:464">http://js.arcgis.com/3.14/:22:464</A>)</P><P>   at Anonymous function (<A href="http://js.arcgis.com/3.14/:23:202">http://js.arcgis.com/3.14/:23:202</A>)</P><P>   at ia (<A href="http://js.arcgis.com/3.14/:23:89">http://js.arcgis.com/3.14/:23:89</A>)</P><P>   at fa (<A href="http://js.arcgis.com/3.14/:23:144">http://js.arcgis.com/3.14/:23:144</A>)</P><P>   at b (<A href="http://js.arcgis.com/3.14/:24:122">http://js.arcgis.com/3.14/:24:122</A>)</P><P>   at e (<A href="http://js.arcgis.com/3.14/:160:433">http://js.arcgis.com/3.14/:160:433</A>)</P><P>   at d (<A href="http://js.arcgis.com/3.14/:161:360">http://js.arcgis.com/3.14/:161:360</A>)</P><P>   {</P><P>      [functions]: ,</P><P>      __proto__: { },</P><P>      description: "'sidebar_stack_container' is undefined",</P><P>      message: "'sidebar_stack_container' is undefined",</P><P>      name: "ReferenceError",</P><P>      number: -2146823279,</P><P>      stack: "ReferenceError: 'sidebar_stack_container' is undefined</P><P>   at Anonymous function (<A href="http://data.firstwatch.net/workspace/trivial.js:8:2">http://data.firstwatch.net/workspace/trivial.js:8:2</A>)</P><P>   at ha (<A href="http://js.arcgis.com/3.14/:22:464">http://js.arcgis.com/3.14/:22:464</A>)</P><P>   at Anonymous function (<A href="http://js.arcgis.com/3.14/:23:202">http://js.arcgis.com/3.14/:23:202</A>)</P><P>   at ia (<A href="http://js.arcgis.com/3.14/:23:89">http://js.arcgis.com/3.14/:23:89</A>)</P><P>   at fa (<A href="http://js.arcgis.com/3.14/:23:144">http://js.arcgis.com/3.14/:23:144</A>)</P><P>   at b (<A href="http://js.arcgis.com/3.14/:24:122">http://js.arcgis.com/3.14/:24:122</A>)</P><P>   at e (<A href="http://js.arcgis.com/3.14/:160:433">http://js.arcgis.com/3.14/:160:433</A>)</P><P>   at d (<A href="http://js.arcgis.com/3.14/:161:360">http://js.arcgis.com/3.14/:161:360</A>)"</P><P>   }</P><P>   "in domReady callback"</P><P>   "ReferenceError: 'sidebar_stack_container' is undefined</P><P>   at Anonymous function (<A href="http://data.firstwatch.net/workspace/trivial.js:8:2">http://data.firstwatch.net/workspace/trivial.js:8:2</A>)</P><P>   at ha (<A href="http://js.arcgis.com/3.14/:22:464">http://js.arcgis.com/3.14/:22:464</A>)</P><P>   at Anonymous function (<A href="http://js.arcgis.com/3.14/:23:202">http://js.arcgis.com/3.14/:23:202</A>)</P><P>   at ia (<A href="http://js.arcgis.com/3.14/:23:89">http://js.arcgis.com/3.14/:23:89</A>)</P><P>   at fa (<A href="http://js.arcgis.com/3.14/:23:144">http://js.arcgis.com/3.14/:23:144</A>)</P><P>   at b (<A href="http://js.arcgis.com/3.14/:24:122">http://js.arcgis.com/3.14/:24:122</A>)</P><P>   at e (<A href="http://js.arcgis.com/3.14/:160:433">http://js.arcgis.com/3.14/:160:433</A>)</P><P>   at d (<A href="http://js.arcgis.com/3.14/:161:360">http://js.arcgis.com/3.14/:161:360</A>)"</P></BODY></HTML> Wed, 05 Aug 2015 23:21:34 GMT ZianChoy 2015-08-05T23:21:34Z Using ArcGIS JS API From Different Host Kills Access to Widgets on Page https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/using-arcgis-js-api-from-different-host-kills/m-p/653410#M60883 <HTML><HEAD></HEAD><BODY><P>I would like to use a copy of the ArcGIS JavaScript API hosted on another server (say, ESRI's CDN) but I find that when I do that, I can no longer access any of the Dojo widgets on my page.</P><P></P><P>Has anyone found a workaround for the problem?</P><P></P><P>Sample code:</P><P></P><P>HTML File:</P><P></P><P></P><P><!DOCTYPE html><BR /><html><BR /><head><BR />    <link rel="stylesheet" type="text/css" href="<A href="http://js.arcgis.com/3.14/dijit/themes/claro/claro.css">http://js.arcgis.com/3.14/dijit/themes/claro/claro.css</A>"><BR />    <link rel="stylesheet" type="text/css" href="<A href="http://js.arcgis.com/3.14/esri/css/esri.css">http://js.arcgis.com/3.14/esri/css/esri.css</A>"><BR />    <script type="text/javascript" src="<A href="http://js.arcgis.com/3.14/"></script">http://js.arcgis.com/3.14/"></script</A>><BR />    <title>Map</title><BR />    <BR /> <script type="text/javascript" src="trivial.js"></script></P><P></head></P><P><body class="claro">   <BR />    <BR />    <div id="content"<BR />        data-dojo-type="dijit/layout/LayoutContainer"<BR />        data-dojo-id="content"><BR />        <div id="right_pane"<BR />            data-dojo-type="dijit/layout/ContentPane"<BR />            data-dojo-props="region:'right'"<BR />            data-dojo-id="right_pane"><BR />        <div data-dojo-type="dijit/layout/StackContainer" data-dojo-id="sidebar_stack_container">Abc</div><BR />  </div><BR />        <BR />    </div><BR /></body><BR /></html></P><P></P><P>Contents of trivial.js</P><P></P><P>require([</P><P>  "dojo/parser",</P><P>  "dojo/domReady!"</P><P>], function (</P><P>  parser,</P><P>  domReady) {</P><P>   parser.parse();</P><P>var test = sidebar_stack_container;</P><P>});</P><P></P><P>Resulting F12 Developer Tools Error Message:</P><P>ReferenceError: 'sidebar_stack_container' is undefined in domReady callback ReferenceError: 'sidebar_stack_container' is undefined</P><P>   at Anonymous function (<A href="http://data.firstwatch.net/workspace/trivial.js:8:2">http://data.firstwatch.net/workspace/trivial.js:8:2</A>)</P><P>   at ha (<A href="http://js.arcgis.com/3.14/:22:464">http://js.arcgis.com/3.14/:22:464</A>)</P><P>   at Anonymous function (<A href="http://js.arcgis.com/3.14/:23:202">http://js.arcgis.com/3.14/:23:202</A>)</P><P>   at ia (<A href="http://js.arcgis.com/3.14/:23:89">http://js.arcgis.com/3.14/:23:89</A>)</P><P>   at fa (<A href="http://js.arcgis.com/3.14/:23:144">http://js.arcgis.com/3.14/:23:144</A>)</P><P>   at b (<A href="http://js.arcgis.com/3.14/:24:122">http://js.arcgis.com/3.14/:24:122</A>)</P><P>   at e (<A href="http://js.arcgis.com/3.14/:160:433">http://js.arcgis.com/3.14/:160:433</A>)</P><P>   at d (<A href="http://js.arcgis.com/3.14/:161:360">http://js.arcgis.com/3.14/:161:360</A>)</P><P>   {</P><P>      [functions]: ,</P><P>      __proto__: { },</P><P>      description: "'sidebar_stack_container' is undefined",</P><P>      message: "'sidebar_stack_container' is undefined",</P><P>      name: "ReferenceError",</P><P>      number: -2146823279,</P><P>      stack: "ReferenceError: 'sidebar_stack_container' is undefined</P><P>   at Anonymous function (<A href="http://data.firstwatch.net/workspace/trivial.js:8:2">http://data.firstwatch.net/workspace/trivial.js:8:2</A>)</P><P>   at ha (<A href="http://js.arcgis.com/3.14/:22:464">http://js.arcgis.com/3.14/:22:464</A>)</P><P>   at Anonymous function (<A href="http://js.arcgis.com/3.14/:23:202">http://js.arcgis.com/3.14/:23:202</A>)</P><P>   at ia (<A href="http://js.arcgis.com/3.14/:23:89">http://js.arcgis.com/3.14/:23:89</A>)</P><P>   at fa (<A href="http://js.arcgis.com/3.14/:23:144">http://js.arcgis.com/3.14/:23:144</A>)</P><P>   at b (<A href="http://js.arcgis.com/3.14/:24:122">http://js.arcgis.com/3.14/:24:122</A>)</P><P>   at e (<A href="http://js.arcgis.com/3.14/:160:433">http://js.arcgis.com/3.14/:160:433</A>)</P><P>   at d (<A href="http://js.arcgis.com/3.14/:161:360">http://js.arcgis.com/3.14/:161:360</A>)"</P><P>   }</P><P>   "in domReady callback"</P><P>   "ReferenceError: 'sidebar_stack_container' is undefined</P><P>   at Anonymous function (<A href="http://data.firstwatch.net/workspace/trivial.js:8:2">http://data.firstwatch.net/workspace/trivial.js:8:2</A>)</P><P>   at ha (<A href="http://js.arcgis.com/3.14/:22:464">http://js.arcgis.com/3.14/:22:464</A>)</P><P>   at Anonymous function (<A href="http://js.arcgis.com/3.14/:23:202">http://js.arcgis.com/3.14/:23:202</A>)</P><P>   at ia (<A href="http://js.arcgis.com/3.14/:23:89">http://js.arcgis.com/3.14/:23:89</A>)</P><P>   at fa (<A href="http://js.arcgis.com/3.14/:23:144">http://js.arcgis.com/3.14/:23:144</A>)</P><P>   at b (<A href="http://js.arcgis.com/3.14/:24:122">http://js.arcgis.com/3.14/:24:122</A>)</P><P>   at e (<A href="http://js.arcgis.com/3.14/:160:433">http://js.arcgis.com/3.14/:160:433</A>)</P><P>   at d (<A href="http://js.arcgis.com/3.14/:161:360">http://js.arcgis.com/3.14/:161:360</A>)"</P></BODY></HTML> Wed, 05 Aug 2015 23:21:34 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/using-arcgis-js-api-from-different-host-kills/m-p/653410#M60883 ZianChoy 2015-08-05T23:21:34Z