Customer experience | Sales, Customer Insights,...

How to connect JS web-resource to HTML web-resource correctly

(0) Share

Report

Posted on by EaredGen2

Hello everyone.

I need to create html button on some form of 'contact' entity and add to it some logic. Also I need separate all my JS from html. First things first I created html web-resource with this code:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<button onclick="some()">Copy address</button>

</body>

</html>

After it I wrote this JS with namespaces in separate web-resource:

var DA = DA || {};

DA.CRM = DA.CRM || {};

DA.CRM.Contact = DA.CRM.Contact || {};

DA.CRM.Contact.FormScripts = {

some: function(xrm, formContext){

window.Xrm = xrm;

window._formContext = formContext;

alert("hello world");

}

I have two questions:

1. How I should write the path of JS web-resource for <script src=""></script>? I tried this wariants:

- <script src="defaultPublisher_myResource"></script>

- <script src="defaultPublisher_myResource.js"></script>

- <script src="myResource"></script>

- <script src="./WebResources/defaultPublisher_myResource"></script>

- <script src="./WebResources/defaultPublisher_myResource.js"></script>

All of them didn't work

2. How I should call my method considering that it is inside namespaces? I mean in this row: <button onclick="some()">Copy address</button>. Something like this DA.CRM.Contact.FormScripts.some()?

I have the same question (0)

All responses (3)

Answers (0)

necsa 3,455 on at

Like (1)

Report

Hi,

Please get as reference following link:

vjcity.blogspot.com/search

Was this reply helpful? Yes No
Suggested answer

Charan Raju C R 7 Moderator on at

Like (1)

Report

Hi EaredGen,

1. Javascript webresource path reference in HTML is depends on both HTML and javascript webresource path names. This should always be a relative path, if you have maintained a folder structure while creating the webresources.

For example,

If your javascript webresource name is: new_MyJSWebresource and HTML webresource name is: new_MyHTMLWebresource then, your script source in HTML should be: <script src="new_MyJSWebresource"></script>

If your javascript webresource name is: new_MyJSWebresource.js and HTML webresource name is: new_MyHTMLWebresource then, your script source in HTML should be: <script src="new_MyJSWebresource.js"></script>

If your javascript webresource name is: new_/Scripts/new_MyJSWebresource.js and HTML webresource name is: new_MyHTMLWebresource then, your script source in HTML should be: <script src="new_/Scripts/MyJSWebresource.js"></script>

If your javascript webresource name is: new_/Scripts/new_MyJSWebresource.js and HTML webresource name is: new_/Webpages/MyHTMLWebresource then, your script source in HTML should be: <script src="../Scripts/MyJSWebresource.js"></script>

2. Calling method should be a complete name including namespace. In your case, it should be: DA.CRM.Contact.FormScripts.some()

I noticed one syntax error in your javascript code. There is a missing closing brace "}" for some: function. Fix this syntax error and try again, this could resolve your issue.

Was this reply helpful? Yes No
Charan Raju C R 7 Moderator on at

Like (0)

Report

Hi EaredGen,

Have you managed to add javascript reference in HTML webresource?

Was this reply helpful? Yes No

Join the conversation

Community site session details

How to connect JS web-resource to HTML web-resource correctly

Helpful resources

Quick Links

Responsible AI policies

Neeraj Kumar – Community Spotlight

Congratulations to the November Top 10 Community Leaders!

Leaderboard > Customer experience | Sales, Customer Insights, CRM

Featured topics

Product updates

Community site session details

How to connect JS web-resource to HTML web-resource correctly

Helpful resources

Quick Links

Responsible AI policies

Neeraj Kumar – Community Spotlight

Congratulations to the November Top 10 Community Leaders!

Subscribe to this forum!

Select categories

Leaderboard > Customer experience | Sales, Customer Insights, CRM

Featured topics

Product updates