Solutions to Problems or Custom Needs in a Website

To prevent a page refresh you have 3 options:

If you are working with a button.

1. return false  - on change/click  - which will stop execution of all actions on the button (as the on change/click javascript executes first)

2. return false; - but move it from the on change/click area to an Execute JavaScript action which you place as the last action on the submit button

3. Update Form AJAX as the last action on the button; this will submit and then refresh your form without refreshing the page.

Using the javascript API you can open Action Form in popup by calling the next javascript method

dnnsf.api.actionForm.openPopupById('1234', {'param':'valueofparam','param2':'valueofparam2'},true)

Also works for simply initializing a form already on the page

dnnsf.api.actionForm.initForm('1234', {'param':'valueofparam','param2':’valueofparam2'})

// to restore the scroll position after re initialize use this JS

<script>
document.addEventListener("DOMContentLoaded", function(event) { 
  var scrollpos = localStorage.getItem('scrollpos');
     if (scrollpos) window.scrollTo(0, scrollpos);
   });

 window.onbeforeunload = function(e) {
   localStorage.setItem('scrollpos', window.scrollY);
  };

</script>

This will remove the page numbers from the querystring. But as it is, it sometimes causes the page to reload. Thi example sets what it wants the querystring to be.

    setTimeout(function () {
        window.history.pushState({}, document.title, "/" + 'book/BID/1' );}
    ,2000);
    setTimeout(function () {
        window.history.pushState({}, document.title, "/" + 'book/BID/1' );}
    ,3000);

Action Form, the pop-up form title shows in the wrong place, to the right of the X to close the form. Use this script to move the text to the left. Put it in the initialization Scripts in the form settings.

$('.modal-header h4').insertBefore($('.modal-header button'));