Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

Next challenges

Recent achievements

  • Global
  • Personal

Recognition

  • Give kudos
  • Received
  • Given

Leaderboard

  • Global

Trophy case

Kudos (beta program)

Kudos logo

You've been invited into the Kudos (beta program) private group. Chat with others in the program, or give feedback to Atlassian.

View group

It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

How do you properly use JavaScript in Text Gadget?

Hey there,

 

I'm trying to add more content to my JIRA dashboard by using the HTML capabilities of the "Text Gadget". Things seem to run great the first time, but I get an "Unknown error occurred rendering this gadget" if I try to edit the gadget's content.

 

Here's the specific JS I'm adding:

<h3><div id=”milestone_countdown”></div> days left!</h3>

<script>
today=new Date();
var next_milestone=new Date(today.getFullYear(), 10, 12);
var one_day=1000*60*60*24;
document.getElementById("milestone_countdown").innerHTML = Math.ceil((next_milestone.getTime()-today.getTime())/(one_day));
</script>

 

And the error I'm getting when I inspect the element in the page:

Uncaught TypeError: Cannot set property 'innerHTML' of null
Error rendering gadget with id '15053': Cannot set property 'innerHTML' of null TypeError: Cannot set property 'innerHTML' of null

 

What am I doing wrong and how can I fix this?  Thanks!

1 answer

0 votes

Hi Jorge,

Seems that you are using an invalid double-quote character for the div id:

<h3><div id=milestone_countdown></div> days left!</h3>

 

Using the correct one as:

<h3><div id="milestone_countdown"></div> days left!</h3>

<script>
today=new Date();
var next_milestone=new Date(today.getFullYear(), 10, 12);
var one_day=1000*60*60*24;
document.getElementById("milestone_countdown").innerHTML = Math.ceil((next_milestone.getTime()-today.getTime())/(one_day));
</script>

It worked fine. 

The result presented was:

140

days left!

Suggest an answer

Log in or Sign up to answer
TAGS
Community showcase
Published in Jira Software

How to create Jira issus from Excel file?

When to use CSV importer When managing your processes in Jira, there are many occasions where you need to create a lot of tasks. Creating them one by one will cost you a lot of time and effort and i...

4,642 views 22 33
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you