Home Downloads FAQs Forums Pricing Blog Contact Demo Login
Home
/
Forums
/
java script calculation results are not send

Check the new Joomla Extension Builder

java script calculation results are not send

pa
passoli 20 Nov, 2014
Hello, I build a form in Dreamweaver, HTML and java script. It works perfectly with chromo forms on my site. (http://www.gutesausdemgarten.com/index.php/einkaufsmoeglichkeiten/einkaufslisten)

But the results of the java script calculation are not send with the e-mail. The rest is send.

Here's the java script:
<!--
// W. jansen
// Kosten für eine Bezugseinheit
Preis01 = 5,00;
Preis02 = 15,00;
Preis03 = 10,00;
// legt Dezimalstellen fest und wandelt das Dezimalzeichen . = ,
function Dezimalstellen(num) {
if(isNaN(num))
num = "0";
Vorzeichen = (num == (num = Math.abs(num)));
num = Math.floor(num*100+0.50000000001);
cents = num%100;
num = Math.floor(num/100).toString();
if(cents<10)
cents = "0" + cents;
for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
num = num.substring(0,num.length-(4*i+3))+','+
num.substring(num.length-(4*i+3));
return (((Vorzeichen)?'':'-') + num + ',' + cents);
}
function startCalc(){
interval = setInterval("calc()",1);
}
function calc(){
Wert01 = (Preis01 * document.Formular.Menge.value);
Wert02 = (Preis02 * document.Formular.Menge02.value);
Wert03 = (Preis03 * document.Formular.Menge03.value);
document.Formular.Total1.value = Dezimalstellen(Wert01);
document.Formular.Total2.value = Dezimalstellen(Wert02)
document.Formular.Total3.value = Dezimalstellen(Wert03)
zwischen = (Wert01 * 1) + (Wert02 * 1) + (Wert03 * 1);
ergebnis = Dezimalstellen(zwischen)
document.Formular.Rechnungsbetrag.value = ergebnis;
}

function stopCalc(){
  clearInterval(interval);
}
// End -->


What is wrong?

Thanks in advance

passoli
Gr
GreyHead 20 Nov, 2014
Hi passoli,

Are you setting the values of inputs in the form? If so, then this should work OK.

Please drag a Debugger action into the On Submit event, then submit the form and post the debug - including the 'dummy emails' results here.

Note: if you are using the Easy Wizard you can turn on Debug on the Others tab in CFv4 or the Setup tab in CFv5.

Bob
pa
passoli 20 Nov, 2014
Hello, very fast answer!
Here's the debug info: 
Data Array

Array
(
    [option] => com_chronoforms5
    [chronoform] => Formular
    [event] => submit
    [Einkaufszettel] => 
    [Pestosotrte] => Paprika
    [Menge] => 8
    [Total1] => 40,00
    [Eingelegtes] => Kürbis
    [Menge02] => 5
    [Total2] => 75,00
    [Eingekochtes] => Zwiebel
    [Menge03] => 6
    [Total3] => 60,00
    [Rechnungsbetrag] => 175,00
    [Name] => Richard
    [Strasse] => 
    [Ort] => 
    [Telefon] => 
    [email] => 
    [Mitteilungen] => debug
    [sendtoemail] => 
    [submit] => bestellen!
    [ip_address] => 80.136.109.76
)

Array
(
)

Errors

Array
(
)

Debug Info

Array
(
    [0] => Array
        (
            [Email] => Array
                (
                    [0] => An email with the details below was sent successfully:
                    [1] => To:richard@mediengestaltung-maier.de
                    [2] => Subject:Bestellung
                    [3] => From name:Besteller
                    [4] => From email:Besteller
                    [5] => CC:
                    [6] => BCC:
                    [7] => Reply name:
                    [8] => Reply email:
                    [9] => Attachments:
                    [10] => Body:
<html>
<form name="Formular">
<table border="0" width="980" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td colspan="2" valign="middle" width="199">
<table border="0" width="600" cellspacing="2" cellpadding="5">
<tbody>
<tr bgcolor="#CCFFCC">
<td colspan="2" height="50">
<div class="form-fliess" align="center"> Einkaufszettel</div>
</td>
</tr>
<tr>
<td colspan="2" valign="top">
<div align="center"> </div>
</td>
</tr>
<tr>
<td colspan="2" valign="top">
<table border="0" width="707" cellspacing="6" cellpadding="0">
<tbody>
<tr>
<td width="220"> </td>
<td width="70"> </td>
<td width="40"> </td>
<td width="120">
<div align="center">Preis pro Glas</div>
</td>
<td width="120">
<div align="center">Summe</div>
</td>
</tr>
<tr>
<td width="220">Pestosotrte  Paprika</td>
<td width="70" height="32">Menge</td>
<td width="40">
<div align="center"><input id="Menge" name="Menge" size="2" type="text" value="" /></div>
</td>
<td width="120">
<div align="center">5.00</div>
</td>
<td width="120">
<div align="center"><input id="Total1" name="Total1" readonly="readonly" size="10" type="text" value="" align="right" /></div>
</td>
</tr>
<tr>
<td width="220">Eingelegtes  Kürbis</td>
<td width="70">Menge</td>
<td width="40">
<div align="center"><input id="Menge02" name="Menge02" size="2" type="text" value="" /></div>
</td>
<td width="120">
<div align="center">15.00</div>
</td>
<td width="120">
<div align="center"><input id="Total2" name="Total2" readonly="readonly" size="10" type="text" value="" align="right" />
<div align="right"> </div>
</div>
</td>
</tr>
<tr>
<td width="220">Eingekochtes  Zwiebel</td>
<td width="70">Menge</td>
<td width="40">
<div align="center"><input id="Menge03" name="Menge03" size="2" type="text" value="" /></div>
</td>
<td width="120">
<div align="center">10.00</div>
</td>
<td width="120">
<div align="center"><input id="Total3" name="Total3" readonly="readonly" size="10" type="text" value="" align="right" />
<div align="right"> </div>
</div>
</td>
</tr>
<tr>
<td width="220"> </td>
<td width="70"> </td>
<td width="40"> </td>
<td width="120"> </td>
<td width="120"> </td>
</tr>
<tr>
<td width="220"> </td>
<td width="70"> </td>
<td width="40"> </td>
<td width="120"> </td>
<td width="120"> </td>
</tr>
<tr>
<td colspan="4">
<div align="right"><span style="color: #990000; font-size: xx-small;"><strong>Rechnungsbetrag:</strong> </span></div>
</td>
<td width="120">
<div align="center"><strong> <input name="Rechnungsbetrag" readonly="readonly" size="10" type="text" align="right" /> </strong></div>
</td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="2" valign="top" height="4"><hr /></td>
</tr>
<tr>
<td align="right" bgcolor="#CCFFCC">
<div align="left"><span class="rechts"><strong>Name*</strong></span></div>
</td>
<td>Richard</td>
</tr>
<tr>
<td align="right" bgcolor="#CCFFCC">
<div align="left"><span class="rechts"><strong>Strasse*</strong></span></div>
</td>
<td></td>
</tr>
<tr>
<td align="right" bgcolor="#CCFFCC">
<div align="left"><span class="rechts"><strong>Ort*</strong></span></div>
</td>
<td></td>
</tr>
<tr>
<td align="right" bgcolor="#CCFFCC">
<div align="left"><span class="form-fliess"><strong>Telefon</strong></span></div>
</td>
<td></td>
</tr>
<tr>
<td align="right" bgcolor="#CCFFCC">
<div align="left"><span class="rechts"><strong>Email*</strong></span></div>
</td>
<td></td>
</tr>
<tr>
<td>
<div class="fliess" align="left"><span class="subtitles" style="color: #990000;">*nötige Informationen</span><br /> </div>
</td>
<td valign="top">
<div align="center"><br /> </div>
</td>
</tr>
<tr>
<td colspan="2" valign="top"> </td>
</tr>
<tr>
<td colspan="2" valign="top">
<h1 align="center"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: large;"><strong>Mitteilungen:</strong></span></h1>
<p align="center">debug</p>
<p align="center"> </p>
<p align="center"></p>
<p align="center"> </p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td> </td>
<td colspan="2" valign="top"> </td>
</tr>
</tbody>
</table>
</form>
</html><br /><br />IP: 80.136.109.76
                )

        )

    [1] => Array
        (
            [Email] => Array
                (
                    [0] => An email with the details below was sent successfully:
                    [1] => To:richard@oberammergautours.com
                    [2] => Subject:Bestellung
                    [3] => From name:Einkäufer
                    [4] => From email:Besteller
                    [5] => CC:
                    [6] => BCC:
                    [7] => Reply name:
                    [8] => Reply email:
                    [9] => Attachments:
                    [10] => Body:
<html>
<script type="text/javascript" language="JavaScript">
<!--
// W. jansen

// Kosten für eine Bezugseinheit
Preis01 = 5,00;
Preis02 = 15,00;
Preis03 = 10,00;


// legt Dezimalstellen fest und wandelt das Dezimalzeichen . = ,
function Dezimalstellen(num) {
if(isNaN(num))
num = "0";
Vorzeichen = (num == (num = Math.abs(num)));
num = Math.floor(num*100+0.50000000001);
cents = num%100;
num = Math.floor(num/100).toString();
if(cents<10)
cents = "0" + cents;
for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
num = num.substring(0,num.length-(4*i+3))+','+
num.substring(num.length-(4*i+3));
return (((Vorzeichen)?'':'-') + num + ',' + cents);
}


function startCalc(){
  interval = setInterval("calc()",1);
}
function calc(){
  Wert01 = (Preis01 * document.Formular.Menge.value);
  Wert02 = (Preis02 * document.Formular.Menge02.value);
  Wert03 = (Preis03 * document.Formular.Menge03.value);

  document.Formular.Total1.value = Dezimalstellen(Wert01);
  document.Formular.Total2.value = Dezimalstellen(Wert02)
  document.Formular.Total3.value = Dezimalstellen(Wert03)

  zwischen  =  (Wert01 * 1) + (Wert02 * 1) + (Wert03 * 1);
  ergebnis = Dezimalstellen(zwischen)
  document.Formular.Rechnungsbetrag.value = ergebnis;
}
function stopCalc(){
  clearInterval(interval);
}

//  End -->
</script>
<form action="http://www.bluehost.com/bluemail" method="POST" name="Formular">
<table border="0" width="980" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td colspan="2" valign="middle" width="199">
<table border="0" width="600" cellspacing="2" cellpadding="5">
<tbody>
<tr bgcolor="#CCFFCC">
<td colspan="2" height="50">
<div class="form-fliess" align="center"> Einkaufszettel</div>
</td>
</tr>
<tr>
<td colspan="2" valign="top">
<div align="center"> </div>
</td>
</tr>
<tr>
<td colspan="2" valign="top">
<table border="0" width="707" cellspacing="6" cellpadding="0">
<tbody>
<tr>
<td width="220"> </td>
<td width="70"> </td>
<td width="40"> </td>
<td width="120">
<div align="center">Preis pro Glas</div>
</td>
<td width="120">
<div align="center">Summe</div>
</td>
</tr>
<tr>
<td width="220">Pestosotrte  Paprika</td>
<td width="70" height="32">Menge</td>
<td width="40">
<div align="center"><input id="Menge" name="Menge" size="2" type="text" value="" /></div>
</td>
<td width="120">
<div align="center">5.00</div>
</td>
<td width="120">
<div align="center"><input id="Total1" name="Total1" readonly="readonly" size="10" type="text" value="" align="right" /></div>
</td>
</tr>
<tr>
<td width="220">Eingelegtes  Kürbis</td>
<td width="70">Menge</td>
<td width="40">
<div align="center"><input id="Menge02" name="Menge02" size="2" type="text" value="" /></div>
</td>
<td width="120">
<div align="center">15.00</div>
</td>
<td width="120">
<div align="center"><input id="Total2" name="Total2" readonly="readonly" size="10" type="text" value="" align="right" />
<div align="right"> </div>
</div>
</td>
</tr>
<tr>
<td width="220">Eingekochtes  Zwiebel</td>
<td width="70">Menge</td>
<td width="40">
<div align="center"><input id="Menge03" name="Menge03" size="2" type="text" value="" /></div>
</td>
<td width="120">
<div align="center">10.00</div>
</td>
<td width="120">
<div align="center"><input id="Total3" name="Total3" readonly="readonly" size="10" type="text" value="" align="right" />
<div align="right"> </div>
</div>
</td>
</tr>
<tr>
<td width="220"> </td>
<td width="70"> </td>
<td width="40"> </td>
<td width="120"> </td>
<td width="120"> </td>
</tr>
<tr>
<td width="220"> </td>
<td width="70"> </td>
<td width="40"> </td>
<td width="120"> </td>
<td width="120"> </td>
</tr>
<tr>
<td colspan="4">
<div align="right"><span style="color: #990000; font-size: xx-small;"><strong>Rechnungsbetrag:</strong> </span></div>
</td>
<td width="120">
<div align="center"><strong> <input name="Rechnungsbetrag" readonly="readonly" size="10" type="text" align="right" /> </strong></div>
</td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="2" valign="top" height="4"><hr /></td>
</tr>
<tr>
<td align="right" bgcolor="#CCFFCC">
<div align="left"><span class="rechts"><strong>Name*</strong></span></div>
</td>
<td>Richard</td>
</tr>
<tr>
<td align="right" bgcolor="#CCFFCC">
<div align="left"><span class="rechts"><strong>Strasse*</strong></span></div>
</td>
<td></td>
</tr>
<tr>
<td align="right" bgcolor="#CCFFCC">
<div align="left"><span class="rechts"><strong>Ort*</strong></span></div>
</td>
<td></td>
</tr>
<tr>
<td align="right" bgcolor="#CCFFCC">
<div align="left"><span class="form-fliess"><strong>Telefon</strong></span></div>
</td>
<td></td>
</tr>
<tr>
<td align="right" bgcolor="#CCFFCC">
<div align="left"><span class="rechts"><strong>Email*</strong></span></div>
</td>
<td></td>
</tr>
<tr>
<td>
<div class="fliess" align="left"><span class="subtitles" style="color: #990000;">*nötige Informationen</span><br /> </div>
</td>
<td valign="top">
<div align="center"><br /> </div>
</td>
</tr>
<tr>
<td colspan="2" valign="top"> </td>
</tr>
<tr>
<td colspan="2" valign="top">
<h1 align="center"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: large;"><strong>Mitteilungen:</strong></span></h1>
<p align="center">debug</p>
<p align="center"> </p>
<p align="center"></p>
<p align="center"> </p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td> </td>
<td colspan="2" valign="top"> </td>
</tr>
</tbody>
</table>
</form>
</html><br /><br />IP: 80.136.109.76
                )

        )

)


and the E-Mail I received as attachment. 
Thank you
passoli
[attachment=0]e-mail.jpg[/attachment]
pa
passoli 22 Nov, 2014
Is there no solution?
Gr
GreyHead 23 Nov, 2014
Hi passoli,

As you can see from the Debug info the totals are being returned from the form e.g.:
    [Eingekochtes] => Zwiebel
    [Menge03] => 6
    [Total3] => 60,00

But your email template appears to be a copy of the form HTML so probably won't show anything very useful.

To get the value of e.g. Total3 to appear in the Email include {Total3} in the template.

Bob
pa
passoli 23 Nov, 2014
Hi Grey Head,

it's really easy. If you know what to do.
I build an Email template and it works. Everything is send.
The mistake was of course the copy of the HTML form to the Email template.

Thank you very much!
passoli
Gr
GreyHead 24 Nov, 2014
Hi Passoli,

If you leave the Email Template empty and save the form then ChronoForms will 'create' a template for you. It is a very basic table layout but can be a good starting place.

Bob
pa
passoli 25 Nov, 2014
Hi Bob,

it does not work with the auto template.
If I leave it empty and save, the HTML form is back in the email-template.
I think I have to write my own email-template. A lot of work, now there are 31 products in the form.
Calculation works still fine.

passoli
This topic is locked and no more replies can be posted.

ChronoForms v8 is now WordPress ready, ChronoMails is out

The JED needs volunteers!

Terms Of Use Privacy Policy Business Partners

We accept paypal logo  stripe logo

© 2006 - 2025 ChronoEngine.com