Retaining JavaScript Show/hide rules when editing in Table View Macro

Jason Walsh

Looking for a little assistance. 

I have a confiform form on a Confluence page where I'm running some JavaScript to hide fields on the form

Example:

<script type="text/javascript">

jQuery(document).ready(function($) {
   // hide all optional elements
    $('#i_labelfor_jirakey').hide();
    $('#i_holdingrow_jirakey').hide();
    $('#i_labelfor_approvalsheader').hide();
etc....

On a child page, I've created a table view macro to display the form fields to allow for editing.  Problem is that the hidden fields are not hidden when opening up the form from the "edit" button on the Table View macro. 

I've tried copying and pasting over the JS code to the page where the Table View macro is but nothing seems to work. 

Hoping it's something simple that I'm just not seeing / picking up on. Any help is appreciated!

Adrian Moerchen

Why are you using JavaScript? 

Can't you solve your problem with pure CSS, i.e.

<style>
#i_holdingrow_jirakey,
#i_holdingrow_jirakey,
#i_labelfor_approvalsheader {


    display: none;

}
</style>

 

The elements may have other selectors in edit mode. The problem with your JavaScript is, that it just works once - when the page is loaded.