Hello,
I have a radio list with the short name "MembershipFee"
I have four items set, with numeric values (200, 400, 800, 1200)
I have a textbox with the short name "Total"

When a user clicks "MembershipFee" I want the value to display at the bottom of my registration form in the textbox called "Total"

Test #1: If in my MembershipFee events I type:
 $(Total)="Hello World"
the textbox Total updates as expected.

Test #2: If in my MembershipFee events I type: 
$(Total)=(funcRadioCalc($(MembershipFee)).toFixed(2));
Nothing happens at all.

I have tried these other variations:
$(Total)=$(MembershipFee);
The textbox shows the text "Undefined"

I have tried these other variations:
$(Total)=parseInt($(MembershipFee));
The textbox shows the text "Undefined"

etc.
etc.

Hello Jon,

Can you please use Firefox and if you don't have this pluggin please download it. Firebug, this is a great JavaScript plug in which debugs JavaScript. If there are any errors it will let you know where and what causes it.

Also I'm unsure if you've already looked at our Demonstration 20?

If not please visit this link:
http://www.datasprings.com/Products...fault.aspx

Thanks,

Ryan

Ryan, I am a bit confused.  I downloaded the firebug plugin and it tells me that funcRadioCalc is not defined.  Are the functions referred to on the scripts on the demonstration page usable?  I am not an experienced javascript programmer but know how to plug in basic code and make small tweaks.

BTW, I tested the demonstration link above and it doesn't work either.  It shows the exact same error message!  Somewhere in the forums there was a link to a demonstration on betasprings, and the radiolist demo worked there.

What's up?  Is there a javascript I have to download in addition?  Why is the demonstration page broke too?

Jon - Are you referring to the top question "What plan do you want to purchase?"? This works for me on the demo site... What version/what browser are you using when you see that error?

Umm, this should be a function under Module Configuration, Custom JavaScript file. Do you see the function call for funcradiocalc there? I would resave/update the JavaScript file there.

-Chad

Okay, I am no longer getting the cannot find funcRadioCalc error, and mysteriously, all the demonstrations examples (#20) are working on three of my browsers (Chrome, Mozilla, IE 8).  This was not the case when I posted this thread earlier, I could only get the examples on the "beta" springs to work.  Seriously, I triple checked.  I am using newest version of Registration module.

However, I am still having trouble with the demonstration example #20.

(1) I have configured a radio list with the short name 'MembershipFee'  In this radio list I have carefully ensured that my options have numeric values like 200, 400, etc.
(2) I have configured a text/html with short name 'MyTotal'
(3) I have configured a textbox with short name 'Total'

I copied and modified the code provided under Demonstration #20:
document.getElementById('MyTotal').innerHTML = 'Your Total Comes To: ' '$' funcRadioCalc($(MembershipFee)) '';

I only want to pass the value of the MembershipFee to both the text/html and textbox fields.  But whenever I try, using the code on the demonstration website, I get an error in Fire Bug about a ';' not being found in line 1 of my code.  This is the DocType statement in the aspx.

missing ; before statement
http://64.27.55.228/Forms/ChurchReg...ation.aspx
Line 1

Hello Jon,

The javascript that you pasted looks like a syntax error.

I will take a look at the demo to look for corrections.

Please use this code instead of what you pasted:

document.getElementById('MyTotal').innerHTML = 'Your Total Comes To: $' + funcRadioCalc($(MembershipFee));

Thanks,

Ryan

Okay, I am getting the error message in Firebug.  Using build v.4.0.71

funcRadioCalc is not defined
http://64.27.55.228/Forms/ChurchReg...ation.aspx
Line 1

Hi Jon,

I checked your page and viewed the source to find the JS file.

Here is your Custom JavaScript File:
http://64.27.55.228//Portals/0/Dyna...ule_391.js

I don't see that function call included at all within your custom JavaScript file. Maybe this was used in Dynamic Forms but not added to the default custom JavaScript file?

I would copy and paste these into your Custom JavaScript file under control panel, custom JavaScript file.

function funcRadioCalc(RadioName)

{

var chkList1= document.getElementById (RadioName);
var arrayOfCheckBoxes= chkList1.getElementsByTagName("input");
for(var i=0;i {

if (arrayOfCheckBoxes.checked) {
return arrayOfCheckBoxes.value;
}

}

}




function funcRadio(RadioName)

{

var chkList1= document.getElementById (RadioName);
var arrayOfCheckBoxes= chkList1.getElementsByTagName("input");
for(var i=0;i {
alert('The radio button:' + arrayOfCheckBoxes.value + ' is currently ' + arrayOfCheckBoxes.checked);
}

}



Thanks,

Chad

I went into "module configurations" ... "Module Layout / Javascript / Configurations" ... "Custom Javascript File" ...  at the very top of the javascript file I pasted the two functions of code above.

I clicked Update Javascript File
I clicked Update Settings

In firebug I still get the "funcRadioCalc is not defined
http://www.64.27.55.228/Forms/Churc...ation.aspx
Line 1"

I am surely missing something!  Were all these functions already supposed to be part of the javascript file?  Or is everyone else needing to manually add these too?  I didn't see anything about that on the demonstrations page. 

Thanks as always,
Jon

I get the exact same issues as Jon. I have downloaded the demo, copied it all EXACTLY across, updated the initial JS and checked that the functions were present. I even made sure ,js was present in the HOSTSETTINGS. I still get nothiing. In debug mode I get
Client Side Event:regTotal.innerHTML = 'Your total comes to: ' + '$' + funcRadioCalc('dnn_ctr383_DynamicRegistration_Responses_b3618a2c-850b-41d3-b249-c1ce3f0119cc') + ''; document.getElementById('dnn_ctr383_DynamicRegistration_Responses_252f7c38-e75b-4b20-ae50-c8d6ff52ca2c').value = funcRadioCalc('dnn_ctr383_DynamicRegistration_Responses_b3618a2c-850b-41d3-b249-c1ce3f0119cc'); ;

Initial Javascript:document.getElementById('dnn_ctr383_DynamicRegistration_Responses_252f7c38-e75b-4b20-ae50-c8d6ff52ca2c').value = funcRadioCalc('dnn_ctr383_DynamicRegistration_Responses_b3618a2c-850b-41d3-b249-c1ce3f0119cc');

Client Side Event:document.getElementById('dnn_ctr383_DynamicRegistration_Responses_b3618a2c-850b-41d3-b249-c1ce3f0119cc').value;

Initial Javascript:document.getElementById('dnn_ctr383_DynamicRegistration_Responses_252f7c38-e75b-4b20-ae50-c8d6ff52ca2c').value = funcRadioCalc('dnn_ctr383_DynamicRegistration_Responses_b3618a2c-850b-41d3-b249-c1ce3f0119cc');

Initial Javascript:document.getElementById('dnn_ctr383_DynamicRegistration_Responses_252f7c38-e75b-4b20-ae50-c8d6ff52ca2c').value = funcRadioCalc('dnn_ctr383_DynamicRegistration_Responses_b3618a2c-850b-41d3-b249-c1ce3f0119cc');;

I have been trying to get this to work for almost a YEAR with no luck over multiple sites and hosts.

HELP

I have just emailed you the login details as Im getting:

missing ; after for-loop condition
[Break on this error] for(var i=0;i { \n

funcRadioCalc is not defined
[Break on this error] eval(sLoadHandlers);
dnncore.js (line 23

Please log in and tell me what im doing wrong, ive been trying this for so long and its really limiting the functionality of the other sites. This is a beta site so dont worry about breaking anything.

I get that semicolon error if I try to paste all the code I mentioned above in the client side event of the radio button control I am using.

There is something were missing but what....

It looks like the client side event I posted lost some of the content... I had to find the JavaScript default file that comes with Dynamic Forms and take it from there.

-Chad

Are you saying I should copy the core javascript from forms module into registration module?

Hi... Sure, you could do that. Maybe its included in Dynamic Forms and wasn't part of Reg.

You can find it here:
http://www.datasprings.com/DesktopM...Default.js

-Chad

Please... I am completely at a loss of what to do in order to use the calculation demonstration examples.  What javascript am I supposed to be copying or using?  I studied the demonstration page before purchasing both the form and registration module having confidence it would be a matter of cutting and pasting some javascript and changing around a few field names. 

It seems that everything is in place with the funcRadioCalc function. The only step that you really missed was to use the:

document.getElementByID('Total').innerHTML = "Your total comes to: $" + funcRadioCalc($(Memberships_FieldID));

You weren't using the $(Memberships_FieldID) but just $(Memberships).

So everything should be working on this part, and you're all set to write some Javascript

Ryan, thanks a million for that information. Would you be willing to elaborate on the significance of the _FieldID extension? Are there other extensions we should know about?

Okay that worked thanks. Now there is the issue that if another radio, checkbox or username/password live validation occurs the HTML field resets to 0 even though the value is retained in the hidden field. Check out he site url you helped me with. How can I prevent this from happening?

Just for informational purposes to others who may stumble upon a similar problem to what I had...

In addition to not appending the "_FieldID"... I accidentally had two controls with identical short names. Whenever I would try to find these controls by their document ID I would get an assortment of javascript errors related to missing ; or document element id null errors, etc.

It only took me about 10 hours to figure that out... But now I am a real pro!

Hello Jon,

Thank you for your contribution of knowledge on this issue.

If you ever have any questions or comments please let us know.

Thanks,

Ryan

Right and the HTML field clearing the values is due to having Ajax enabled. Turn that off and it retains the value. Annoying but at least it is working.

Hello Sentient,

Unfortunately I don't specifically remember dabbling into your site, so I would be more than happy to take a look at what you're question is based on.

Can you please send me an email through the "Contact Us" in our menu and provide me credentials to login to your site?

To help it stand out can you please put in the subject line something along the sorts... Sentient: Attention Ryan or Attention Ryan.

If you have any questions please let me know.

Thanks,

Ryan

still major issues with the HTML resetting to default if the radio has any question event attached. Anybody?

Hi. Anytime you have any client side events that might have a postback (such as a postback for validation or a postback for a question event) you must put that JavaScript into the 'Initial JavaScript' area. This is under control panel, module configuration, Initial JavaScript. So... any and all JavaScript that would be on a client side field should also be in this area.

Thanks,

Chad

FYI for those looking for the function funcRadioCalc, the link provided previously doesn't work any longer, but I found it here: http://www.datasprings.com/Portals/...le_1328.js