How to hide the Wiki Rendered custom field using java script?

Nikhil Naoghare

Hi Team,

I need to hide the custom field which is Wiki Rendered. Actually, i need this wiki rendered custom field to be shown on the screen only when one of the option is seleced form the cascaded field. This runs right when i use the same code for same field when i change its rendering to Free Text Type. Can you please tell me if any specific changes needs to be made for this.

MatthewC

*UPDATE*

Having trouble adding comments so I've updated the answer....

If the labels are still appearing, it's because we need to get rid of the whole line. In pre-Jira 4.2 everything was wrapped in a Field Area so we could do a document.getElementById('customfield_10543FieldArea'); and hide the lot.

However, since 4.2 we have to find the custom field and reference the parent node in the DOM.

I'll post a complete example for the create screen

*UPDATE*

Here is a bit of code that I've used for something similar, it may be of some use. It's written from memory so please forgive any typos!

<script type="text/javascript">

/* ASUMPTIONS: two custom fields.... */

var cfToHideName = "customfield_10543";

var cfToHideViewName = "rowForcustomfield_10543"

var cfTriggerName = "customfield_10544";

var hideTriggerValue = "SOME_VALUE";

/* Javascript for hiding the field on a view screen */

var targetCFViewRow = document.getElementById(cfToHideViewName);

If (targetCFViewRow != null) {

/* get the containing DIV for the custom field */

var targetFieldWrapper = targetCFViewRow.parentNode;

if (targetFieldWrapper != null) {

/* We have the containing DIV for the field we wish to hide, now get the other field & check it's state */

/* This is only for the veiw screen but since we don't know where this JS will be rendered, it will have to do some checks */

flagFieldValue = document.getElementById(cfTriggerName + "-val"); /* -val elemement is a Jira 4.2+ view screen */

/* if the flag field value is set, expose the target field

if (flagFieldValue != null && flagFieldValue.innerHTML.equals(hideTriggerValue) {

/* Show the target field row */

targetFieldWrapper.style.display='';

} else {

/* else hide the field row */

targetFieldWrapper.style.display='none';

}

}

} /*end if targetCFViewRow (VIEW screen) */

/* Now the code for the EDIT /CREATE screen */

/* setup the event handler for the other custom field so that if the user changes it, we can switch visibility on & off */

var flagFieldCF = document.getElementById(cfTriggerName);

if (flagFieldCF != null) {

var editTarget = document.getElementById(cfToHideName).parentNode;

/* Hide the target field if the value is set */

if (flagFieldCF.value==hideTriggerValue) editTarget.style.display='none';

/* set the onchange event handler */

flagFieldCF.onchange=function() {

if (this.value == hideTriggerValue) {

editTarget.style.display='';

} else {

editTarget.style.display='none';

}

} /* end onchange() */

}

/* end of EDIT/CREATE screen JS code */

</script>