Why is the page always reloaded when I hit test button "Click me"?

(0) Share

Report

Posted on by Miha Mocnik

290

Hello!

I implemented simple webresource where I put the code from the link below. There is a simple button with the on click event which shows some random text.. If I test it in the CRM, it is shown normally. If I test the same thing on the MS Portal, the result is shown for a second but the page is then refreshed after each click and the text disappears. Is there any reason why is such behavior? Is there any way to prevent it?

Thank you!

Link: https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onclick

BR,

Miha

Portal

1348.Portal.PNG

CRM
4606.CRM.PNG

*This post is locked for comments

I have the same question (0)

All responses (4)

Answers (0)

Justinjose 2,707 on at

Like (0)

Report

Hi Miha,

I have tried the code from the link provided. It worked with out refreshing the page and the text doesn't disappear. are you using the exactly same code from the provided link?

Thanks

Was this reply helpful? Yes No
Suggested answer

Syed Ibrahim 6,257 on at

Like (0)

Report

That is the same code given with some default values for that button click event. You need to modify according to your scenario. By the way document.getElement is unsupported way for CRM. All the jQuery codes will work on the portal.. If you want any custom button then pls use RibbonWorkBench tool . Pls refer below for any custom buttons for crm

www.develop1.net/.../ribbonworkbench.aspx.

Hope this helps.If the suggestion resolved your query .Pls mark it as answered/verified to close the thread.

Was this reply helpful? Yes No
Suggested answer

khoait 450 on at

Like (0)

Report
Hi Miha,

I think the HTML button in a HTML web resource works because it is a static web page, a button click doesn't cause a reload (postback) while the same button used in the portal page which is a dynamic web page (ASP.NET web form) will cause a postback to web server.

To avoid this try adding "return false;" in the onClick attribute, for example:

<button onclick="myFunction(); return false;">Click me</button>

Was this reply helpful? Yes No
Suggested answer

Community Member on at

Like (0)

Report

Hi Miha ,

You can stop the event from firing using below code.

Html

<button onclick="myFunc(event)"> Remove </button>

Javacscript

function myFunc(event){

event.preventDefault();

}

The preventDefault () method of the Event interface tells the user agent that if the event is not explicitly processed, its default action should not be taken into account as it would normally be. The event continues to propagate as usual, unless one of its listeners calls stopPropagation () or stopImmediatePropagation (), either of which terminates the propagation.

For more possible ways you can have a look into below url

stackoverflow.com/.../how-to-prevent-buttons-from-submitting-forms

Please Feel free to mark the answer as verified if it is useful

Regards,

Vignesh.R

Was this reply helpful? Yes No