AnsweredAssumed Answered

ArcGIS JavaScript Support IE11

Question asked by qiyigis on May 12, 2016
Latest reply on May 17, 2016 by davidchrest


Hello:

 

I developed an application based on ArcGIS Server 10.3.1 and JavaScript 3.16. The application works well in Chrome and Firefox, but it doesn't work in IE11. I wonder if I miss anything in the code. Can anyone give me some insights? I have read discussion on CORS and proxy pages, but those seem not an issue for the new version.

 

Below is my HTML file:

<!DOCTYPE html>

<html>

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>

 

    <title>S4 ArcGIS Map Web App Template</title>

 

    <link rel="stylesheet" href="http://js.arcgis.com/3.16/dijit/themes/nihilo/nihilo.css"/>

    <link rel="stylesheet" href="http://js.arcgis.com/3.16/esri/css/esri.css"/>

    <link rel="stylesheet" href="css/map.css" type="text/css"/>

   

    <script src="http://js.arcgis.com/3.16/"></script>

   

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

    <script src="js/map.js"></script>

 

  </head>

 

 

  <body class="nihilo">

    <div id="bcMain" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline', liveSplitters:'true'">

      <!-- Header -->

      <header>

        <div id="cpTitle" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region: 'top'" style="height: 60px">

          <div id="mapTitle"><h1>Map U.S.A Project</h1></div>

          <div id= "toolbar">

         <div  id="toolbt">

          <button data-dojo-type="dijit/form/Button" id="downLD"  onclick='downloadCSV({ filename: "S4DownLoadFile.csv" });'>Download CSV</button>

          <button data-dojo-type="dijit/form/Button" id="drawPoly" onclick="getdrawingState('poly');app.toolbar.activate(esri.toolbars.Draw.POLYGON);map.graphics.clear();map.infoWindow.hide()">Polygon</button>

          <button data-dojo-type="dijit/form/Button" id="singlePoly" onclick="getdrawingState('single');app.toolbar.deactivate(esri.toolbars.Draw.POLYGON);map.graphics.clear();map.infoWindow.hide()">Reset</button>

              <!--<div id="divPrint"></div>-->

          </div>

       

          <div id="divPrint"></div>

         

          </div>

         

        </div>

      </header>

 

 

      <!-- Sidebar -->

      <div id="cpLeading" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter:'true', region:'leading'"style="width: 380px">

          <br>

          <label for="category"></label>

          <input id="category" />

          <br>

          <br>

          <label for="layerName"></label>

          <input id="layerName" />

          <br><br>

          <div id="slider" style="margin-left: 60px">

          <ol data-dojo-type="dijit/form/HorizontalRuleLabels" container="topDecoration" style="height:1.5em;font-size:75%;color:gray;">

        <li>1940</li>

        <li>1950</li>

        <li>1960</li>

        <li>1970</li>

        <li>1980</li>

        <li>1990</li>

        <li>2000</li>

        <li>ACS</li>

        <li>2010</li>

        </ol>

         </div>

 

 

        <div id="divLegend"></div>

      <!-- <div id="divPrint"></div>-->

      </div>

 

 

      <!-- Main Content Area -->

      <div id="mapMain" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center'">

        <div id="divSearch"></div>

          <div id="divBasemapClick">

          <div data-dojo-type="dijit/TitlePane" data-dojo-props="title:'Switch Basemap', closable:false, open:false">

            <div id="divBasemapContent" data-dojo-type="dijit/layout/ContentPane">

              <div id="basemapGallery"></div>

            </div>

          </div>

        </div>

       <!--<div id="BasemapToggle"></div>-->

        <div id="cpCenter" data-dojo-type="dijit/layout/ContentPane"></div>

        <div id="cpBottom" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter:'true', region:'bottom'">

         <!--  <div id="divGrid"></div>-->

        </div>

      </div>

 

 

    </div>

  </body>

</html>

Outcomes