nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Javascript error: function not defined????

Anonymous User

however it IS defined....here:

require(["dojo/dom",
        "dojo/_base/array",
        "dojo/_base/Color",
        "dojo/parser",

...

],

function(dom, array, Color, parser, Map, esriLang, Graphic, FeatureLayer, InfoTemplate, GraphicsLayer, SimpleRenderer, Point, FeatureSet,
             ClosestFacilityTask, ClosestFacilityParameters, SimpleMarkerSymbol, SimpleLineSymbol){

      var map, incidentsGraphicsLayer, routeGraphicLayer, closestFacilityTask, params, facilitiesFeatureLayer, handler;


    function myFunction() {
      alert("Do Something");
    }

});

<body class="claro">
...

<div> <button onClick="myFunction()">Pick Point</button></div>
</body>
</html>

Najděte více příspěvků označených jako

Accepted answers

BenFousek

Sorry...use dijit.byId because it's a widget.

dijit.byId('toolBuffer').get('value');

All comments

Anonymous User

Sorry...use dijit.byId because it's a widget.
dijit.byId('toolBuffer').get('value');

That was it....

Thanks!

rGibson

BenFousek

Sorry...use dijit.byId because it's a widget.

dijit.byId('toolBuffer').get('value');

Anonymous User

Try this:

Add value as property:
[HTML]<input id="toolBuffer" data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'findNear', showLabel: false, value: 'buff'"></button>[/HTML]

Use .get('value') to get the value:
dom.byId('toolBuffer').get('value');

Throws this error:

Uncaught TypeError: Object #<HTMLSpanElement> has no method 'get'

BenFousek

Try this:

Add value as property:
[HTML]<input id="toolBuffer" data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'findNear', showLabel: false, value: 'buff'"></button>[/HTML]

Use .get('value') to get the value:

dom.byId('toolBuffer').get('value');

Anonymous User

However now I'm curious why this returns "undefined"

registry.byId("toolBuffer").on("click", fireBuffer);

...

function fireBuffer() {
alert(dom.byId('toolBuffer').value);
}

....

<input id="toolBuffer" data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'findNear', showLabel: false" value="buff"></button>

JeffPace1

I know you already have an answer, but I struggled with this last week and found an even easier solution, adding one line to your code

//define a variable for your function
var myFunction = function myFunction() {
alert("Do Something");
}

//make function global
lang.setObject("myFunction", myFunction);

derekswingley1

Nice, glad we could help!

Anonymous User

Good tip....thanks, Derek.

So something like this did the trick perfectly.

registry.byId("trace").on("click", fireTrace);

function fireTrace() {
doSomething;
}

<button id="trace" data-dojo-type="dijit/form/Button">Pick Point</button>

Thanks again, Derek and Ben for your quick replies and help.

rGibson

BenFousek

Look at Derek's post. I missed the fact myFunction() wasn't also globally available.

Anonymous User

onClick will not work on html elemets. You want onclick.
<button onclick="myFunction()">Pick Point</button>
onClick is a dojo event for widgets like dijit/form/Button.
<div data-dojo-type="dijit/form/Button" data-dojo-props="label: 'Pick Point', onClick: function() { myFucntion() }"></div>

Thanks for the quick reply, Ben. However that did not remedy the issue. Same error message.

Thanks!

rGIbson

derekswingley1

myFunction is not available in the global scope, which is where it needs to be if you want it to run via an onclick attribute of an html element. You could create myFunction as a global by putting:

var myFunciton;

at the root of your script tag and then:

myFunction = function() {
  alert("Do Something");
}

But that's the wrong way to do this. In general, it's bad practice to add onclick handlers via markup. Mixing JS and markup is not a good habit to develop. Instead, get a reference to your element (could use dojo/dom.byId or dojo/query) and bind a click handler with dojo/on.

BenFousek

onClick will not work on html elemets. You want onclick.

<button onclick="myFunction()">Pick Point</button>

onClick is a dojo event for widgets like dijit/form/Button.

<div data-dojo-type="dijit/form/Button" data-dojo-props="label: 'Pick Point', onClick: function() { myFucntion() }"></div>

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.