OK
So I am testing this for 2 scenarios :
1. The image simply appears in the template
2. There is an onclick even that calls a function to update the Div or what ever location you are specifying in my app
I use the code below and it stops returning my attribute values for ${route} and ${status} nor does it find the ${image_url} to show the image in the template. So the image no longer appears in the template
When I click the link for the 2nd scenario nothing happens.
1. I don't get either alert boxes but rather an error: SyntaxError: missing ) after argument list
2. If I remove the " " in this (" + graphic.attributes.image_url + ") becomes this (' + graphic.attributes.image_url + ') i get Error: Unexpected end of input
Maybe your example is not designed for anything but a function call? Trying to get both scenarios working so I can ultimately decide which one to use but also a learning thing here. My question is can both scenarios work from within this Function? Or do I build the table and then create the function?
function onclickFunction(test){
alert("Here");
alert(test);
}
var infoHighwayCameras = new InfoTemplate();
infoHighwayCameras.setTitle("Highway Cameras");
infoHighwayCameras.setContent(getTextContent);
function getTextContent(graphic) {
return "<table>" +
"<tr><td id='tblTitle'>Highway Cameras</td><td id='tblTitle2'></td></tr>" +
"<tr><td id='tblTitleLine'></td><td id='tblTitleLine2'></td></tr>" +
"<tr><td></td><td></td></tr>" +
"<tr><td id='tblMainline1'>route</td><td id='tblSubline2'>${route}</td></tr>" +
"<tr><td id='tblMainline1'>status</td><td id='tblSubline2'>${status}</td></tr>" +
"<tr><td id='tblMainline1'>image_url</td><td id='tblSubline2'><img src='${image_url}'/></td>"+
"<tr><td id='tblMainline1'>image_url</td><td id='tblSubline2'><i>TEST1 <a href='#' onclick='onclickFunction(" + graphic.attributes.image_url + ")'>Click Me!</a>. </td></tr>" +
"</table><hr>";
}
