Problems with popup calendar after adding extra Javascript

Vircos · #1

I am not sure where to put this question.
I have added some custom javascript to a Ebase form to display a session time-out timer.
Since then the Ebase popup calendar (part of date field) won't work.

I think setting the innerHTML part is causing the problem. If I remove that part the pop calendar works fine again but it makes my custom script useless. I can't find any solution for it. Does anyone has a suggestion what the problem might be?

Code: Select all

/**
*  Script&#58; sessionTimer.js
*  Date&#58; 23-10-2007
*  Author&#58; Remco Visser
*/

// +++ Config +++ //
var sessionTimeOut = 30; //minuten

// +++ Globals +++ //
var seconden = 60;
var minuten = sessionTimeOut;

// +++ Functions +++ //
function init&#40;&#41; &#123;
  sessionTimer&#40;&#41;;
&#125;

function sessionTimer&#40;&#41; &#123;
    if&#40;minuten == sessionTimeOut&#41;
               minuten--;

    if&#40;seconden == 0&#41; &#123;
      seconden = 60;
      minuten--;
    &#125;
    
    seconden--;

    if&#40;minuten == 0 && seconden == 0&#41; &#123;
      var timer = "0&#58;00";
      document.getElementById&#40;"sessionTimer"&#41;.innerHTML = timer;
    &#125; else &#123;
      if&#40;seconden < 10&#41; &#123;
        var timer = minuten + "&#58;0" + seconden;
      &#125; else &#123;
        var timer = minuten + "&#58;" + seconden;
      &#125;
      document.getElementById&#40;"sessionTimer"&#41;.innerHTML = timer;
      setTimeout&#40;"sessionTimer&#40;&#41;", 1000&#41;;
    &#125;
&#125;

Vircos · #2

I do have the solution. It is not the innerHTML part causing a problem.

The function init() overwrites the init() function in the calendar javascript file.

Also using window.onload or <body onload="init();"> will overwrite the standard Ebase javascript functions.

The solution is adding the javascript functions to the existing <body onload="";> tag.

This can be done by placing the following code in the HTML++ part in the form properties.

Code: Select all

// Loading custom Javascript file
<script language="JavaScript" type="text/JavaScript" src="myfunctions.js"></script>

// Adding custom functions to the onload event
<script language="JavaScript" type="text/javascript">
// IE
if &#40;window.attachEvent&#41; &#123;
window.attachEvent&#40;'onload', MyFunction&#41;;
&#125;
// Firefox
else if &#40;window.addEventListener&#41; &#123;
window.addEventListener&#40;"load", MyFunction, false&#41;;
&#125;
</script>

selbjx · #3

I have something very similar to this. I find putting it either as suggested in the html++ or you could include it in your surround files (border files, left, right, bottom, top etc) which worked for me.

Community Forum

Problems with popup calendar after adding extra Javascript

Problems with popup calendar after adding extra Javascript

Who is online