Forums

I've got a form that I need to calculate a value once the user has put in several measurements. I am missing something simple I am sure, but the calculation is not working. Here is the code I am using -

window.addEvent('domready', function(){
  $('calculate').addEvent('click', function(){
document.forms[0]..value=document.forms[0].Above_a.value*Above_b.value*Above_c.value*5.9;
});
});

Joomla 3.3.1, Chronoforms V4

Slight correction, this is the code I am using -

window.addEvent('domready', function () {
    $('calculate').addEvent('click', function () {
        document.forms[0].Above_gallons.value = document.forms[0].Above_a.value * Above_b.value * Above_c.value * 5.9;
    });
});

The error I am getting in the console is -

Uncaught TypeError: Cannot read property 'addEvent' of null

Ok, last update. I fixed a couple more goody errors and got rid of the above error. No errors now, but still no calculated value showing up. This is the latest code I am using -

window.addEvent('domready', function() {
    $$('calculate').addEvent('click', function() {
        document.forms[0].Above_gallons.value = document.forms[0].Above_a.value * document.forms[0].Above_b.value * document.forms[0].Above_c.value * 5.9;
    });
});

Hi BNRBranding,

Hmmm . . . it's a bit tricky to know whether to use MooTools or JQuery with Cfv4 in Joomla! 3.

I'd probably switch to jQuery looking forward to future versions . . . that said your code is MooTools so we'll stay with that.

There's a problem with $$('calculate') - that $$ returns an array of elements, I think you probably want $('calculate') if that isn't working then probably your calculate button doesn't have an id set.

It's usually simpler not to use a calculate button but to have the calculation done on the fly when the above_gallons value changes the onKeyup event will do that.

Bob

As usual, very astute observations Bob!

You were correct on the $$ vs $. It fixed the problem with the error I was getting because I forgot to add an ID to 'calculate'. I could have sworn I did that, but I missed it. Once I added the ID and removed the extra $ everything started working.

Thanks!