AnsweredAssumed Answered

Buttons vs Images...

Question asked by jay.kapalczynski on Aug 5, 2014
Latest reply on Aug 6, 2014 by rscheitlin

I have an image working to fire some code and a button as well....I want to change the BUTTON below to something liek this and cant figure it out.

 

HTML:

<td align="center" id="DrawGraphics" class="tdHeader">

    <img alt="Settings" src="imagesApp/PencilBlue.png" class="imgOptions" title="Draw" style="cursor: pointer" />

</td>

 

JAVASCRIPT

on(dojo.byId('DrawGraphics'), "click", DrawGraphics);

 

function DrawGraphics() {

    if (action2 != undefined) {

          action2.pause();

    }

}

 

 

I WANT TO CHANGE THE BELOW TO fire with an image and not a big button....  any thoughts on this..can I get this toggle to run from an image click instead of a button....

 

HTML

<td align="left" id="Imagery" class="tdHeader">

    <button id="programmatic"></button>

</td>

 

 

JAVASCRIPT

   base1 = new ArcGISTiledMapServiceLayer("https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer", {

      id: "baseTopo",

      visible: true

   });

   base2 = new ArcGISTiledMapServiceLayer("https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer", {

      id: "baseImagery",

      visible: false

   });

 

  app.map.addLayers([base1, base2]);

 

   new ToggleButton({

        showLabel: true,

        checked: false,

        onChange: function (val) {

            base1.setVisibility(!val);

            base2.setVisibility(val);

        }

   },"programmatic");

Outcomes