AnsweredAssumed Answered

calling dojo 1.7 and esri dojo library

Question asked by ngalford on Jul 3, 2012
Latest reply on Jul 5, 2012 by ngalford
I'm trying to call dojo 1.7 and ESRI 3.0. I'm unsure of where this is breaking but I've made a modified version of the "Rename Dojo Namespace" tutorial.

If anyone sees the error the help would be great.

Thanks,
<!DOCTYPE HTML> <html lang="en">     <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>     <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />     <!--The viewport meta tag is used to improve the presentation and behavior of the samples        on iOS devices-->     <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>     <title>Multiple Dojo Calls</title>     <!-- Load Dojo 1.7 from Dojo -->     <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dojo/dojo.js"> </script>  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dijit/themes/claro/claro.css" media="screen">      <!-- Load 3.0f from ESRI -->     <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.0/js/dojo/dijit/themes/claro/claro.css">     <script type="text/javascript">      djConfig = {         scopeMap: [           [ "dojo", "esriDojo" ],           [ "dijit", "esriDijit" ],           [ "dojox", "esriDojox" ]         ]       };     </script>     <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=3.0"></script>      <script type="text/javascript">      //1.7 doesn't need a DJ config file setup so this section should kick off both pieces of dojo       djConfig = dojo.config;       esriDojo.require("esri.map");    esriDojo.require("esri.virtualearth.VETiledLayer");       require([    "dijit/layout/BorderContainer", "dijit/layout/ContentPane","dijit/layout/AccordionContainer",    "dojo/parser", "dojo/domReady!",    "dojox/layout/FloatingPane",    ]);        var veTileLayer;           function init()     {                 var map = new esri.Map("map");         //Creates the Virtual Earth layer to add to the map         veTileLayer = new esri.virtualearth.VETiledLayer({           bingMapsKey: 'AimF6LphvVcbtQZOyiopeyQT8n-QOTukhwoRZwnzKL1MM0_B1Dfc7ppeKmyPByKp',           mapStyle: esri.virtualearth.VETiledLayer.MAP_STYLE_ROAD         });         map.addLayer(veTileLayer);     }       dojo.addOnLoad(initDojo);       esriDojo.addOnLoad(init);     </script>    </head>     <body class="claro">   <div id="appLayout" class="demoLayout" data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline'">    <div class="centerPanel" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center', splitter: true"">     <div id="map">     <div data-dojo-type="dojox.layout.FloatingPane" id="dFloatingPane"  title="Zoom-Bar" data-dojo-props="resizable:false, dockable:true"  style="position:absolute;top:5;left:1;width:100px;height:300px;visibility:visible;">     This is the content of the pane!     </div>     </div>    </div>    <div class="edgePanel" style="max-height: px, min-height: 50px;" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top', splitter: true">Header content (top)</div>    <div data-dojo-type="dijit.layout.AccordionContainer" style="width: 25%" data-dojo-props="region: 'left', splitter: true"">     <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title:'Legend'">      <ul>       <li> sample title </li>       <li> sample title </li>       <li> sample title </li>       <li> sample title </li>       <li> sample title </li>       <li> sample title </li>      </ul>     </div>     <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title:'Your Bookmarks', selected: true">     <ul>       <li> <b>Sample Bookmark</b> </li>       <li> <b>Sample Bookmark</b> </li>       <li> <b>Sample Bookmark</b> </li>       <li> <b>Sample Bookmark</b> </li>       <li> <b>Sample Bookmark</b> </li>       <li> <b>Sample Bookmark</b> </li>      </ul>     </div>    </div>   </div>  </body>   </html>

Outcomes