JavaScript - Text Transfer

I've done some searching and can't find an exact answer, so I'll ask it here. I want to know if it is possible (by fairly simple means) to take the results from one page and transfer it to another? Here is the dilema. I've helped with an order form page for a local company. They have to change the items and options weekly, so they chose to have the customer enter in the total for their order. They now want to add a Paypal button for those that wish to pay by credit and ahead of time. But the order form has to be submitted prior to the customer seeing the PayPal button. We decided to put it on the confirmation page IF AND ONLY IF the total amount the customer manually added could be transferred to the confirmation page. Is this possible with some script?

Hi,

I have a rather complicated problem for me as it involves both php and js. And I'm getting lost... Let me explain:

On a page, order.html, I have a form including the following fields:
- name
- email
- comment

When posted, it is linked to request.php and request.validation.js, to end up on confirmation.php.

On confirmation.php, I would like to reuse the information entered in the fields on order.php (name, email, comment) to display them on the page.

My issue I can't find how to 'take them along' in request.php / request.validation.js to confirmation.php where I'm trying to display them with :
Code:

Contact:  <span id="name"><?php echo($_POST['name']); ?></span>

etc.


For reference, here are my files request.php and request.validation.js:

PHP Code:
<?php

// CONFIGURATION --------------------------------------------------------------

// This is the email where the contact mails will be sent to.
$config['recipient'] = 'mail@mail.com';

// This is the subject line for contact emails.
// The variable %name% will be replaced with the reference ordered.
$config['subject'] = 'Website enquiry from %name%';

// These are the messages displayed in case of form errors.
$config['errors'] = array
(
    'no_name'       => 'Veuillez entrer votre nom.',
    'no_email'      => 'Votre adresse email est requise.',
    'invalid_email' => 'Votre adresse email n est pas valide.',
    
);

// END OF CONFIGURATION -------------------------------------------------------


// Ignore non-POST requests
if ( ! $_POST)
    exit('Nothing to see here. Please go back to the site.');

// Was this an AJAX request or not?
$ajax = (isset($_SERVER['HTTP_X_REQUESTED_WITH']) AND strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest');

// Set the correct HTTP headers
header('Content-Type: text/'.($ajax ? 'plain' : 'html').'; charset=utf-8');

// Extract and trim contactform values
$name    = isset($_POST['name']) ? trim($_POST['name']) : '';
$email   = isset($_POST['email']) ? trim($_POST['email']) : '';
$comment = isset($_POST['comment']) ? trim($_POST['comment']) : '';

// Take care of magic quotes if needed (you really should have them disabled)
set_magic_quotes_runtime(0);
if (get_magic_quotes_gpc())
{
    $name    = stripslashes($name);
    $email   = stripslashes($email);
    $comment = stripslashes($comment);
}

// Initialize the errors array which will also be sent back as a JSON object
$errors = NULL;

// Validate name
if ($name == '' || strpos($name, "\r") || strpos($name, "\n"))
{
    $errors['name'] = $config['errors']['no_name'];
}

// Validate email
if ($email == '')
{
    $errors['email'] = $config['errors']['no_email'];
}
elseif ( ! preg_match('/^[-_a-z0-9\'+*$^&%=~!?{}]++(?:\.[-_a-z0-9\'+*$^&%=~!?{}]+)*+@(?:(?![-.])[-a-z0-9.]+(?<![-.])\.[a-z]{2,6}|\d{1,3}(?:\.\d{1,3}){3})(?::\d++)?$/iD', $email))
{
    $errors['email'] = $config['errors']['invalid_email'];
}

// Validation succeeded
if (empty($errors))
{
    // Prepare subject line
    $subject = str_replace('%name%', $name, $config['subject']);
    
    // Set date
    $todayis = date("l, F j, Y") ;
    
    // Prepare message
    $message = "Date: $todayis
Nom: $name
email: $email
Commentai  $comment";

    // Additional mail headers
    $headers  = 'Content-Type: text/plain; charset=utf-8'."\r\n";
    $headers .= 'From: '.$email;

    // Send the mail
    if ( ! mail($config['recipient'], $subject, $message, $headers))
    {
        $errors['server'] = 'Server problem';
    }
}

if ($ajax)
{
    // Output the possible errors as a JSON object
    echo json_encode($errors);
}
else
{
    // Show a simple HTML feedback message in case of non-javascript support
    if (empty($errors))
    {
        header('Location: ../steps/confirmation.php');
    }
    else
    {
        echo '<h2>Oups!</h2>';
        echo '<ul><li>';
        echo implode('</li><li>', $errors);
        echo '</li></ul>';
        echo '<br><br><a href="javascript:history.back(-1);">Retour</a>';
    }
}


Code:

/*
 * 	Request Form Validation v1.0
 *	By Simon Bouchard <www.simonbouchard.com>
 *	You need at least PHP v5.2.x with JSON support for the live validation to work.
 */

jQuery(document).ready(function(){  

	jQuery('#requestform').submit(function() {

		// Disable the submit button
		jQuery('#requestform input[type=submit]')
			.attr('value', 'Send...')
			.attr('disabled', 'disabled');

		// AJAX POST request
		jQuery.post(
			jQuery(this).attr('action'),
			{
				name:jQuery('#name').val(),
				email:jQuery('#email').val(),
				comment:jQuery('#comment').val(),
			},
			function(errors) {
				// No errors
				if (errors == null) {
					document.location.href="confirmation.php";
				}

				// Errors
				else {
					// Re-enable the submit button
					jQuery('#requestform input[type=submit]')
						.removeAttr('disabled')
						.attr('value', 'Envoyer');

					// Technical server problem, the email could not be sent
					if (errors.server != null) {
						alert(errors.server);
						return false;
					}

					// Empty the errorbox and reset the error alerts
					jQuery('#requestform .errorbox').html('<ul></ul>').show();
					jQuery('#requestform li').removeClass('alert');

					// Loop over the errors, mark the corresponding input fields,
					// and add the error messages to the errorbox.
					for (field in errors) {
						if (errors[field] != null) {
							jQuery('#' + field).parent('li').addClass('alert');
							jQuery('#requestform .errorbox ul').append('<li>' + errors[field] + '</li>');
						}
					}
				}
			},
			'json'
		);

		// Prevent non-AJAX form submission
		return false;
	});

});

Thanks for your help.
M.

I am trying to transfer the variables of the form (username & password )in the html page to the process.php page which are both given below. However I am not able to read those values from the process.php page. Can anyone please let me know what is going wrong here? Thanks in advance and appreciate your help.

HTML Page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="JavaScript" type="text/javascript">
function xor_str()
{
var username_val = document.forms['the_form'].elements["username"].value;
var password_val = document.forms['the_form'].elements["password"].value;
var xor_key='1234';
var username_res="";
var password_res=""
for(i=0;i<username_val.length;++i)
{
username_res+=String.fromCharCode(xor_key^username_val.charCodeAt(i));
}
for(i=0;i<password_val.length;++i)
{
password_res+=String.fromCharCode(xor_key^password_val.charCodeAt(i));
}
// XOR is done

//shifting the username_res to the left by 1 bit
//username_res = username_res << 1;
//shifting the password_res to the left by 1 bit
//password_res = password_res << 1;

//setting the xor'ed and shifted value for submission
document.forms['the_form'].elements["username"].value = username_res;
document.forms['the_form'].elements["password"].value = password_res;
//alert("UserName: " + username_res);
//alert("Password: "+ password_res);
the_form.submit(); // is this step right?


}
</script>
</head>

<body>
<form name="the_form" action="process.php" method="post">
<table>
<tr><td colspan="3">Username:<input type="text" name="username"></td></tr>
<tr><td>Password: <input type="text" name="password"></td><td colspan="2"><input type="button" onClick="xor_str()" value="Submit"></td></tr>
</table>
</form>
</body>s

</html>






Process.php page


<html><body>
<?php
$username = $_POST['username'];
$password = $_POST['password'];

echo "You ordered ". $username . " " . $password . ".<br />";
echo "Thank you ";

?>
</body></html>

Basically I have comments posted on articles and I want to allow users to report them if they find inappropriate content. I want them to be able to click on icon on the comment which will open up a pop-up. Then in the pop-up they can type why they are reporting the comment.

Code:

 <script type="text/javascript">
function popup() {
Report = window.open('/report.php','Report','width=350, height=400');
document.reportform.submit();
}
</script>

        <form action="/report.php" name="reportform" method="post" target="Report">
        <input type="hidden" name="reporter_id" value = "<?php echo $user_id; ?>" />
        <input type="hidden" name="reported_id" value="<?php echo $row['uid'] ?>"  />
        <input type="hidden" name="comment_id" value="<?php echo $row['id'] ?>"  />
     	<a href="#" name="reportform" class="submit" onclick="return popup();"> Report</a></form>

I've been messing with this code for a while now. This code successfully brings up the pop-up, but it doesn't transfer the form data. My main coding language is PHP, and I'm in the process of learning Javascript. Can anyone help?