turacek

Problem with example

Discussion created by turacek on Oct 20, 2010
Latest reply on Oct 21, 2010 by turacek
Hi I would like to ask on something what make me sad for this day. I spent maybe 5 hours looking for reason why this code doesnt work.
Im newbie in Javascript for API ,so i dont know why it doenst work. I try use example code with my URL for my service and it doesnt work.
With normal example it works great.
Can anzbody help me?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=7" />
    <title>Create Map</title>
    <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.6/js/dojo/dijit/themes/tundra/tundra.css">
    <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.6"></script>
    <script type="text/javascript">
        dojo.require("esri.map");

        function init() {
            var map = new esri.Map("map");

            var imageParameters = new esri.layers.ImageParameters();
            imageParameters.format = "JPEG";  //set the image type to JPEG, note default is PNG8.
            //Takes a URL to a non cached map service.
            var dynamicMapServiceLayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://serverapp:8399/arcgis/services/HranicaSR2/MapServer", { "opacity": 0.5, "imageParameters": imageParameters });
            map.addLayer(dynamicMapServiceLayer);
        }

        dojo.addOnLoad(init);
    </script>
  </head>
  <body class="tundra">
    <div id="map" style="width:900px; height:600px; border:1px solid #000;"></div>
    Creates a map and adds an ArcGISDynamicMapServiceLayer.<br />
    Map navigation using mouse:
    <ul>
      <li>Drag to pan</li>
      <li>SHIFT + Click to recenter</li>
      <li>SHIFT + Drag to zoom in</li>
      <li>SHIFT + CTRL + Drag to zoom out</li>
      <li>Mouse Scroll Forward to zoom in</li>
      <li>Mouse Scroll Backward to zoom out</li>
      <li>Use Arrow keys to pan</li>
      <li>+ key to zoom in a level</li>
      <li>- key to zoom out a level</li>
      <li>Double Click to Center and Zoom in</li>
    </ul>
  </body>
</html>

Outcomes