Javascript calculation - onchange is null? wordpress

Question

My form calculations work in my jsfiddle, however in my wordpress page, it says Uncaught TypeError: Cannot set property 'onchange' of null. Is my page not loading the function when it loads?

(javascript in the header)

function doTotal(form) {
    var a = (+form.halfday1.value);
    var b = (+form.fullday1.value);


    form.total1.value = a + b ;
}
document.getElementById("quote").onchange = function (){doTotal(this)};

http://jsfiddle.net/2666c/

The page is loading the function fine, but it seems that your script cannot find the element `#quote`. Where are you including the JS inside your WordPress install? — BenM, Apr 16 '13 at 09:19
I am using a plugin "HTML Javascript Adder" to include the JS into wordpress — user1426583, Apr 16 '13 at 09:21

score 1 · Accepted Answer · edited May 23 '17 at 12:18

1

Your code not run, becouse on moment it try to find the <element id="quote"/> there are no such elements. You need to put your code under this element. Or run it on document load event. As example:

jQuery(document).ready(function($){
    jQuery('#quote').change(function (){doTotal(this)});
});

edited May 23 '17 at 12:18

Community

1
1

answered Apr 16 '13 at 09:49

Arthur Halma

3,903
3
20
42

Thank you @Arthur Halma, however it is now giving a difference msg in the console? `Uncaught SyntaxError: Unexpected token < ` – user1426583 Apr 16 '13 at 10:08
Console must say the line number of the error part. Can you show this line to me? – Arthur Halma Apr 16 '13 at 10:09
sure. `
`
– user1426583 Apr 16 '13 at 10:10
and what `
` says in this case?
– Arthur Halma Apr 16 '13 at 10:15
`
` shows "as is" in the console, and is not included in the error lines
– user1426583 Apr 16 '13 at 10:18
What you mean "as is"? Did you recived alert popup with text "1" inside? – Arthur Halma Apr 16 '13 at 10:21
sorry, no. i can just see that line inside the coding. there was no popup – user1426583 Apr 16 '13 at 10:24
So there is some another error such as not closed tags and so. Try to put `document.getElementById("quote").onchange = function (){doTotal(this)};` under your form (after ``). But anyway looks like you have some scripts or markup problems in other place. – Arthur Halma Apr 16 '13 at 10:26
Can you provide me with link to your webpage? – Arthur Halma Apr 16 '13 at 10:27
`403: Forbidden`. Dod you have some IP filters on your host enabladed or something? – Arthur Halma Apr 16 '13 at 10:32
yes, now that I think of it, I think so. How can I enable you to view the page? – user1426583 Apr 16 '13 at 10:32
Looks like this page protected to moderators only, can you make it publick? – Arthur Halma Apr 16 '13 at 10:33
it says it is public. how about if i add a password.. might work: password: 123 – user1426583 Apr 16 '13 at 10:34
1

Webpage oppened. I see you have jQuery libriary. So you can use `jQuery(document).ready()`, check my updated answer. Delete all I provide to you before and replace it with code from my answer. – Arthur Halma Apr 16 '13 at 10:48
Thank you kindly for taking the time to assist me :) I appreciate it greatly. My form is now calculating correctly – user1426583 Apr 16 '13 at 10:53
1

You are welcome. Don't forget to protect your webpage (or change your password to new one). – Arthur Halma Apr 16 '13 at 10:54
Is there perhaps a way that I can use this same calculation for 2nd section of these fields (ie "(+form.halfday2.value);" and "(+form.fullday2.value);") without copying the code over and over and changing the field names? :) – user1426583 May 10 '13 at 12:43
I think you need to open new question for this (with some sample code to preview). – Arthur Halma May 10 '13 at 14:00

Javascript calculation - onchange is null? wordpress

1 Answers1