topic Re: how to call module function on button click event in html page in ArcGIS JavaScript Maps SDK Questions

how to call module function on button click event in html page

SadanandacharB1 — Wed, 20 May 2015 10:22:23 GMT

how to call module function on button click event in html page

Re: how to call module function on button click event in html page

ChrisSmith7 — Sun, 12 Dec 2021 00:54:43 GMT

Here's how I do it (for a link, but same concept for button):

Main map module (which calls another module - mapPrint)

              window.mapPrintExec = function () {
                  var objMapPrint = new mapPrint({
                      "contentHTML": document.documentElement.innerHTML,
                      "pageHeight": $('.tundra').height(),
                      "pageWidth": $('.tundra').width(),
                      "trgNodeRef": dom.byId("mapPrintLink"),
                      "mapDescription": strMapDesc,
                      "mapSource": strMapSource
                  });
                  objMapPrint.print();
              }

HTML

<a href="#" class="emptyLink" id="mapPrintLink" onclick="mapPrintExec();"><img src="../ContentHandlers/Images/Images.ashx?printer.png" /> Print</a>

Re: how to call module function on button click event in html page

OwenEarley — Sun, 12 Dec 2021 00:54:46 GMT

As an alternative to using the onclick event in the HTML node you can hook up the event using Javascript:

// Use a function pointer:
document.getElementById("myButtonId").onclick = doSomething;

Re: how to call module function on button click event in html page

ChrisSmith7 — Sun, 12 Dec 2021 00:54:49 GMT

Just in case he's looking for a dojo-specific example!

registry.byId("myButtonId").connect("onClick", function myFunc(){          
     doSomething;
});

I find myself mixing dojo, jQuery, and pure JS sometimes...