Syntax for Attribute Query in HTML with embedded JavaScript

Question

I'm trying to call attribute variables of the current feature in my HTML. This worked as the contents of an infoWindow in the JS file: ....""+.... But now I need to redesign and have the contents of the infoWindow display in a side panel. In the HTML, I can't get the attribute to come through due to syntax:........ What am I missing?

DavidTreering · Answer

My colleague and I found a way to do this by adding two functions to the JS to store and then get the currentFeature.function updateCurrentFeature(currentFeature){ currFeature = currentFeature; } function getCurrentFeature(){ return currFeature; } Then since we need the currentFeature's id, within the executed queryTask we call updateCurrentFeature(addedGraphic.attributes.id) Then in the HTML, instead of trying to call the JS variable, which was being read as a string, we can pass getCurrentFeature() as the parameter to the executeZoomToPrev(currentFeature). Many thanks to Jon and Paul S.!

JonathanUihlein · Answer

1) I will look into assigning a value to currentFeature after lunch. I just need to examine your code again. 2) To be honest, I am not quite sure why it works on line 54 (and I don't believe it should). This is the code my firebug extension is seeing after the page renders.

Enlarge image I see that ${"url"} is replaced by mbeane_walk.jpg in the img tag but not the link tag. I have not seen that syntax used directly in an HTML code block before (unless wrapped in PHP etc). Also, it doesn't seem to work on all browsers,. I am assuming it has to do with jQuery or your web-server configuration (you are also using both jquery 1.6.4 and 1.9.1). Hopefully someone else can join this discussion and provide insight on this particular mater. It is beyond my understanding and I too would like to know the answer!

DavidTreering · Answer

Thank you! I think the first option will work better for me.  However, I have found that "currentFeature" is null despite a feature being selected.  I could use a hint on how to assign a value to that var currentFeature.

However, I'm still confused as to why this is necessary, since I can use JS variables in the HTML in other places sucessfully, like line 54 that uses the url variable to get a photo.  Isn't there some way to "escape" the HTML, or is it because this is within a function?