Home/ Questions/Q 6644937
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T00:13:32+00:00

I have an external JS file that I load into my HTML <script type=text/javascript

  • 0

I have an external JS file that I load into my HTML

<script type="text/javascript" src="../js/busy.js"></script>

The script file itself looks like this:

window.onload = setupFunc;

     function setupFunc() {
       document.getElementsByTagName('body')[0].onclick = clickFunc;
       hideBusysign();
         Wicket.Ajax.registerPreCallHandler(showBusysign);
         Wicket.Ajax.registerPostCallHandler(hideBusysign);
         Wicket.Ajax.registerFailureHandler(hideBusysign);
     }

     function hideBusysign() {
       document.getElementById('busy').style.display ='none';
     }

     function showBusysign() {
       document.getElementById('busy').style.display ='block';
     }

     function clickFunc(eventData) {
       var clickedElement = (window.event) ? event.srcElement : eventData.target;
       if (clickedElement.type.toUpperCase() == 'BUTTON' || clickedElement.type.toUpperCase() == 'SUBMIT') {
         showBusysign();
       }
     }

Basically, it shows a little busy indicator within my website.

I also have an onload function in my body tag, this is new and helps me focus on the username text field when the page loads.

<body lang="de" class="fade-in one" onLoad="document.forms.login.username.focus();">

However, since I added this last functionality, the busy indicator stopped working because it also uses the onload function. What can I do to make it work again?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    it’s not the most elegant way .. but it will work 

    <body lang="de" class="fade-in one" onLoad="document.forms.login.username.focus();setupFunc();">
    • 0