Solved

How do I pass an amount variable from within a website page inside javascript to an outside var in the html for posting to paypal?

Posted on 2006-06-26
6
263 Views
Last Modified: 2013-12-16
Hi everyone,


I have some javascript in a webpage which calculates the total amount of selections on the page.  I need to somehow pass this variable "TotalAmt" to the html area of the page to be then posted to paypal.  The problem is that once the javascript block ends so does the variable etc.

Can anyone help?

Please let me express my thanks in advance.

Best regards,

Dynotoe
0
Comment
Question by:Dynotoe
  • 3
  • 2
6 Comments
 
LVL 7

Expert Comment

by:maUru
ID: 16989055
got some code?
0
 
LVL 7

Expert Comment

by:maUru
ID: 16989069
i dont know if this will work since i have no context but:

// this is the html form box that contains the value to be posted
<input type="text" id="totalamt" name="totalamt">


// this is the javascript that goes *directly under* the line (in the javascript) where TotalAmt is finally calculated
  document.forms[0]..value = TotalAmt;
0
 
LVL 7

Expert Comment

by:maUru
ID: 16989072
sorry that should read:

 document.forms[0].totalamt.value = TotalAmt;
0
VMware Disaster Recovery and Data Protection

In this expert guide, you’ll learn about the components of a Modern Data Center. You will use cases for the value-added capabilities of Veeam®, including combining backup and replication for VMware disaster recovery and using replication for data center migration.

 
LVL 3

Expert Comment

by:boethius78
ID: 16990511
Not sure how a javascript question ended up in the C# area, but can't you just use something like this:

var totalAmount;

function calculateAmount()
{
    totalAmount = Math.random();
}


Depends on how you want to pass the variable on.  If you'll be using Javascript (eg: XMLHttpRequest), this approach will be fine.  If you'll be using HTTP POST, I'd suggest using a hidden input control (ie: <input type="hidden" id="totalAmount" />) and using document.getElementById('totalAmount').value = ... to set the value.
0
 

Author Comment

by:Dynotoe
ID: 16995620
Hi Gents,

Boethius,  I implemented what you suggested and wrote the following to see if it was working and it is.

//document.write(grosstotal);
//document.write(grandtotal);
document.getElementById('totalamount').value = grandtotal;
var text=document.getElementById('totalamount').value;
document.write(text);

}//end of javascript

However I can't seem to get the value into the paypal amount line in the html area further down on the page for posting...

<input type="hidden" name="amount" value="">

where this would normally work...

<input type="hidden" name="amount" value="400.00">


Please Help!!  :)

Best Dynotoe
0
 
LVL 3

Accepted Solution

by:
boethius78 earned 500 total points
ID: 16999269
I'm not totally sure that I've understood your question, so please forgive me if I'm off target.

You'll need to add an id to the element in order to access it easily from javascript:

<input type="hidden" id="amount" name="amount" />

Once you've called document.getElementById('amount').value = grandtotal;, the value will be set correctly.  The HTML source, however, won't display the changed value.  Essentially, the HTML is used to load the page into it's initial state.  After that, the form and all of it's values are held in memory.  When you submit the page, the value recieved by the server will be correct, but the HTML won't have been altered.

Hope this helps.
0

Featured Post

Windows Server 2016: All you need to know

Learn about Hyper-V features that increase functionality and usability of Microsoft Windows Server 2016. Also, throughout this eBook, you’ll find some basic PowerShell examples that will help you leverage the scripts in your environments!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
What .NET URL re-routing tool did I use? 2 56
Entity Framework 7 42
Simple Injector with Web Service 4 40
FTP file download using c# 3 22
This article is for Object-Oriented Programming (OOP) beginners. An Interface contains declarations of events, indexers, methods and/or properties. Any class which implements the Interface should provide the concrete implementation for each Inter…
Entity Framework is a powerful tool to help you interact with the DataBase but still doesn't help much when we have a Stored Procedure that returns more than one resultset. The solution takes some of out-of-the-box thinking; read on!
The purpose of this video is to demonstrate how to manually back up a WordPress Database. This will be demonstrated using a Windows 8 PC. The Host used will be IPage.com Log into your Hosting account. IPage will be used for demonstration : Locat…
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…

776 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question