I have two files an html file, and a js file that I'm using as a decision tree to help users get to the correct JIRA collector form. I've created a simple html file with the jquery triggers shown below and it works. All is good...this is where it gets tricky, and please be gentle I'm really new to javascript/jquery.
<head>
<!--OIA Collector Code-->
<script type="text/javascript" src="<jira_url>"></script><script type="text/javascript" src="<jira_url>></script>
</head>
<body>
<p><table>
<tr>
<td>
<input type ="button" value ="OIA Request" id="oia"></input>
</td>
</tr>
</table>
</p>
<script type="text/javascript">window.ATL_JQ_PAGE_PROPS = {
//=== OIA Collector ===
'06665d8f' :{
"triggerFunction": function(showCollectorDialog) {
jQuery("#oia").click(function(e) {
e.preventDefault();
showCollectorDialog();
});
};
</script>
Now the only change I've made is I'm now calling the jQuery trigger from the js file. As showing below. The js file contains the decision tree logic and it works all the way down to the point where the new constant is defined. The link shows up to call the jQuery but when clicked nothing happens.
const expR = new State( '<a href="#" id="oia">OIA Request</a>',\['Ok'\],\[\],\['ok'\]);
The link shows up to call the jQuery but when clicked nothing happens.
Any clear ideas on why this is not triggering the JIRA form in the window would be greatly appreciate.