Hi. I'd like to be able to:
1) Reference a field name e.g., {speciesname}
2) Change its value to all lowercase e.g., rana muscosa
3) Replace any whitespace with dashes e.g., rana-muscosa
4) Use that value (e.g., rana-muscosa.png) to display an image in the content portion of a popup template embedded in a table cell of my choice. Here's an example, which won't work but describes the desired result.
content: '<table><tr><td>{speciesname}</td><td><img src="images/' + "{speciesname}".toLowerCase().replace(/\s+/g, '-') + '.png"></td></tr></table>'
5) Can someone explain how to go about this? I've spent quite awhile in the docs and YT reviewing PopupTemplate and custom content reference and examples, to no avail. Thanks for any help.
