topic Re: dom.byId won't parse in ArcGIS JavaScript Maps SDK Questions

dom.byId won't parse

williamcarr — Thu, 15 May 2014 17:47:04 GMT

Greetings,

I assume that this is a parsing issue, but I can't be for the life of me figure how.

     var option= dom.byId("selectfield");    var optionValue = option.options[option.selectedIndex].value;    console.log(optionValue);                     if (optionValue == "ON"){map.centerAndZoom(pt, 12);}   else {}  }

This is the section that is causing me grief. When I remove parser.parse(); the function runs fine. The problem is all of my title panes and content panes get thrown totally out of whack. Without it I'm getting " option.selectedIndex is undefined".

I'm using this a dropdown to toggle the center and zoom of a watch ID.

Anyone know what might be causing this?

Re: dom.byId won't parse

JonathanUihlein — Thu, 15 May 2014 18:51:44 GMT

Make sure to include the dojo modules you are using in your require block (BorderContainer, ContentPane, TitlePane, Menu, MenuItem, DropDownSelect etc).

If this doesn't work, you can always create a jsfiddle that showcases your issue; I would be glad to take a look.

Re: dom.byId won't parse

williamcarr — Fri, 16 May 2014 11:11:11 GMT

Thanks for taking a look. This fiddle doesn't include the majority of the code just the geolocation. The code works as expected but when combine with the parser.parse(); I get the error.http://jsfiddle.net/thebillcarr/v2shP/1/

Re: dom.byId won't parse

JeffPace — Fri, 16 May 2014 13:33:20 GMT

I was able to add parser.parse() to yours

http://jsfiddle.net/v2shP/5/

you must also use ready.

but i am not sure what to do after that

Re: dom.byId won't parse

williamcarr — Sun, 12 Dec 2021 03:43:22 GMT

That fixed the content panes, but now the dom.byId isn't running its if statement. I tried it on a tablet and it will run the zoomToLocation function. The showLocation function is also running, but the IF statement is not going through when I add the code to the rest of my application.

   addGraphic(pt);
       
          var option= dom.byId("selectfield");
   var optionValue = option.options[option.selectedIndex].value;
   console.log(optionValue);
          

        if (option.value == "ON"){map.centerAndZoom(pt, 12);}
  else {}

Am I going about this wrong? Is there a different way to toggle map.centerAndZoom?

Re: dom.byId won't parse

JeffPace — Fri, 16 May 2014 15:59:03 GMT

option is your dom element, shouldnt you be using optionValue in your if?

Re: dom.byId won't parse

JeffPace — Fri, 16 May 2014 16:01:15 GMT

or, since selectfield is a dijit.form.select,

you could do

registry.byId('selectfield').value to get the dijit value (instead of the dom element)

Re: dom.byId won't parse

williamcarr — Sun, 12 Dec 2021 03:43:24 GMT

Correction, I did have optionValue in my IF when I got it to work on it's own(not sure why I changed it).
I tried the registrybyId and it threw the same console error "option.selectedIndex is undefined".

   var option= dom.byId("selectfield");
   var optionValue = option.options[option.selectedIndex].value;
   console.log(optionValue);

        if (optionValue == "ON"){map.centerAndZoom(pt, 12);}
  else {}

I'm not sure why this conflicted with the parser, but I'm wondering now if it doesn't have something to do with

<select data-dojo-type="dijit/form/Select" class="field" name="selectfield" id="selectfield">
    <option value="ON">TRACKING ON</option>
  <option value="OFF">TRACKING OFF</option>
  </select>

I'm at a loss. Can you think of a work around?

Re: dom.byId won't parse

JeffPace — Fri, 16 May 2014 17:20:19 GMT

var option= registry.byId("selectfield");
   var optionValue = option.value;
   console.log(optionValue);
        }


http://jsfiddle.net/v2shP/7/

Re: dom.byId won't parse

MatthewLofgren — Sun, 12 Dec 2021 03:43:27 GMT

It doesn't look like dom is defined in the fiddle?

require([
        "esri/map", "esri/geometry/Point", 
        "esri/symbols/SimpleMarkerSymbol", "esri/symbols/SimpleLineSymbol",
        "esri/graphic", "esri/Color", "dojo/domReady!"
      ], function(
        Map, Point,
        SimpleMarkerSymbol, SimpleLineSymbol,
        Graphic, Color
      ) {

try

require([
        "dojo/dom", "esri/map", "esri/geometry/Point", 
        "esri/symbols/SimpleMarkerSymbol", "esri/symbols/SimpleLineSymbol",
        "esri/graphic", "esri/Color", "dojo/domReady!"
      ], function(
        dom, Map, Point,
        SimpleMarkerSymbol, SimpleLineSymbol,
        Graphic, Color
      ) {

Re: dom.byId won't parse

JeffPace — Fri, 16 May 2014 17:23:15 GMT

I added it. See my post #9. I think that has it working

Re: dom.byId won't parse

williamcarr — Fri, 16 May 2014 18:00:51 GMT

Pow! 4 gold stars, Jeff!

Also, I removed the ready and it work all the same. Really appreciate your help.

Re: dom.byId won't parse

JeffPace — Fri, 16 May 2014 19:23:12 GMT

happy to help