JIRA Help icon - custom fields

Karthick Sambas

Hi,
We would like to have help icon for some custom fields. When I define the below code for 2 custom fields, I am seeing help icons for the 2 custom fields but when I click on help icons, it always opens the first value (3 - High, 2 - Medium, 1 - Low)  which is in code 1 as below. I would like to see (3 - High, 2 - Medium, 1 - Low) when I click on help icon code 1 custom field and (3 - Sev1, 2 - Sev2, 1 - Sev3) when i click on help icon code 2 custom field.

 

Code 1:
<script type="text/javascript">
function showHelp() {
var helpDiv = AJS.$("#ProbabilityFieldHelp");
if (helpDiv.length == 1) {
helpDiv = helpDiv[0];
if (helpDiv.style.display == 'none')

{ helpDiv.style.display = ''; } else { helpDiv.style.display='none'; }
}
}
</script>

<a href="#" title="Click '?' for help" onclick="showHelp(); return false;"><img src="/images/icons/ico_help.png"/></a>

<div id="ProbabilityFieldHelp" style="display:none">
3 - High</br>
2 - Medium</br>
1 - Low</br>
</div>

Code 2:
<script type="text/javascript">
function showHelp() {
var helpDiv = AJS.$("#ImpactFieldHelp");
if (helpDiv.length == 1) {
helpDiv = helpDiv[0];
if (helpDiv.style.display == 'none') { helpDiv.style.display = ''; }

else

{ helpDiv.style.display='none'; }

}
}
</script>

<a href="#" title="Click '?' for help" onclick="showHelp(); return false;"><img src="/images/icons/ico_help.png"/></a>

<div id="ImpactFieldHelp" style="display:none">
3 - Sev1</br>
2 - Sev2</br>
1 - Sev3</br>
</div>

Tim Eddelbüttel

Hello Karthick,

booth java script snippets using the same function, i think that is the problem. They must be unique.

Here is my example, we have two custom fields where we see contact details from an external vendor.

Contact details
<script type="text/javascript">
  function showHelpCompany1() {
        var listenersDiv = document.getElementById("qaFieldHelpCompany1");
        if (listenersDiv.style.display == 'none') {
          listenersDiv.style.display = '';
        } else {
          listenersDiv.style.display='none';
        }
  }
</script>
<a href="#"  onclick="showHelpCompany1(); return false;"><img src="/images/icons/ico_help.png"/></a>
<div id="qaFieldHelpCompany1" style="display:none">
Phone: +49 12 34 56 78 <br>
</div>

Contact details
<script type="text/javascript">
  function showHelpCompany2() {
        var listenersDiv = document.getElementById("qaFieldHelpCompany2");
        if (listenersDiv.style.display == 'none') {
          listenersDiv.style.display = '';
        } else {
          listenersDiv.style.display='none';
        }
  }
</script>
<a href="#"  onclick="showHelpCompany2(); return false;"><img src="/images/icons/ico_help.png"/></a>
<div id="qaFieldHelpCompany2" style="display:none">
Phone: +49 12 34 56 78 <br>
</div>

I think you see what i mean.

 

Regards,
Tim