Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in
Deleted user
0 / 0 points
Next:
badges earned

Your Points Tracker
Challenges
Leaderboard
  • Global
  • Feed

Badge for your thoughts?

You're enrolled in our new beta rewards program. Join our group to get the inside scoop and share your feedback.

Join group
Recognition
Give the gift of kudos
You have 0 kudos available to give
Who do you want to recognize?
Why do you want to recognize them?
Kudos
Great job appreciating your peers!
Check back soon to give more kudos.

Past Kudos Given
No kudos given
You haven't given any kudos yet. Share the love above and you'll see it here.

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

Sharing Javascript Code from Web Resource Edited

I'm trying to share javascript code between a plugin and the field descriptors for custom fields.

I created a web resource javascript plugin that looks like the following:

AJS.$(document).ready(function() {

function CALLME() {
alert('CALLME Called');
}
console.log("plugin ready function");
CALLME();
});

 

In a field descriptor for a custom field I have the following code:

<script type="text/javascript">
AJS.$(document).ready(function() {
console.log("field ready function");
CALLME();

});</script>

 

The plugin is loaded before the field descriptor via the console messages.  But I'm getting the error in the field descriptor that 'CALLME' is undefined.

Is what I'm trying to do possible?  Share javascript code across field descriptors and a plugin? 

I could put the code in the 'Summary' field configuration for every Field Configuration but I have many and don't want to duplicate code.

Thanks.

 

1 answer

1 accepted

0 votes
Answer accepted

Hi @Mary Sage You could use the runtime AMD modules and define the code you want to share using "define" function and then require it using "require" function.

Exmaple:

 

// Definition of the shared module
define('my-plugin-name/my-module-name', [/* we can keep dependencies empty */], function() {
function CALLME() {
alert('CALLME Called');
}

return CALLME;
});

// Next, in the place where you want to use it
AJS.$(document).ready(function() {
console.log("field ready function");

var CALLME = require('my-plugin-name/my-module-name');

CALLME();
});

Here is a link to the AMD module docs:

Thanks,
Maciej Adamczak

Atlassian Developer

Suggest an answer

Log in or Sign up to answer
TAGS

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