JavaScript - Passing Form Data To Clickbank Order Page

Hi,

I want my page to jump to a different page based on data collected in the form input fields. I can jump to a new page alright, using the following javascript:

1. javascript code in form_a.html
document.forms["form_A"].action = "page_x.html"l;
document.forms["form_A"].submit();

2. document.forms[0].action = "page_x.html"l;

3. window.locaton = "page_x.html";

4. window.location.href = "page_x.html";

The problem is, I can see the new page was jumped to, but immediately it return back to the page that trigger the jump.

Any idea? I need to finish the project before Christmas. Any help is greatly appreciated!

Jeff

I want to use Javascript to submit a form - without filling the form in physically

Is this possible?

Let's say a web page has a form that submit First Name and Last Name to the next page
Instead of filling in the form and hitting submit, can I submit the data in variables and call the next page somehow using Javascript?

Thanks


OM

Hello Friends
In my jsp,Struts project i am using the javascript calendar control for selecting the date and by using function calcage() i am calculating the age of the user but problem occurs when the page refreshes OR when user updated the other values such as name ,contact no.
Then the value of the age is set as 0 in the textfield as 0
So can you please tell me why this problem occurs
And please give me solution

Thanks

Hello

I've been struggling trying to get a small order form to work the way I want it to. Here is a link to the live page:
http://www.watphotos.com/introductio...otography.html

And here is the code in question:

Code:

<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script> 
<script type="text/javascript" charset="utf-8"> 
 $(document).ready(function(){
	var initial	= 0
	var total = 0;
	var services = 0;
	function addServices()
	{
		initial = 150
		total = initial
		services = 0;
		$("input:checked").each(function(){
			value = $(this).attr("value");		
			services += parseInt(value);
		});
	}
	$(function()
	{
		addServices();
		total += services;
		$("form").before('<p class="price"></p>')		
		$("p.price").text("Total Price: US$" + total);
	});
 	$("input:radio, input:checkbox").click(function () {
		addServices();
		total += services
		$("p.price").text("Total Price: US$" + total);
    });
 
 });
 
</script>

I have two questions...

Question 1
How can I make this piece of script act a little smarter. Look at the order form, I'm catering for up to 4 people and providing lunch for them. If they select 3 people and the spaghetti bol for lunch, it's only adding $10 where it should be adding $30. Obviously this is simple multiplication but since the values in my form are prices it makes it a little tricky.
I'm guessing an onselect on the first part of the form which changes the pricing of the other items would be the way to go, but how do I do this?

Question 2
The "Total Price" is placed before the <form> tag by the script. This is ok but it's not where I want it. How can I position this text elsewhere in the document?

Thanks in advance!

Hi, I am trying to pass data from one page to the next using a search. I have a search engine and im trying to get it to pass the data of the search to the search results page. im using this code Code:

<script type="text/javascript">
	window.onload = function (){ try{document.getElementById('q').focus();}catch(e){} }
	
	function search()
	{
		var search_text = document.getElementById('q').value;
		window.location = '/search/'+encodeURI(search_text)+'/';
		return false;
	}
</script>

and I am using this for the search
Code:

	<form action="/search/" method="post" onSubmit="return search();">
		<input type="text" id="q" name="q" value="" class="searc" style="width:350px; height:30px; font-size:18px; color:#C19051" />
		<input type="submit" style="height:30px;" value="Search" class="submit"/>
	</form>

Can anybody help me with this? Thanks

Hi!

I have a script that opens up another window and a task gets executed, all of that is fine, but is there anyway that the parent window (the window that gets open) can pass data to the window that opened it? (I pretty much want to enable a button on that page)

Thanks...

- Matt

I'm stuck! - I have a search form, that when data is entered and submitted, the data is sent to another page! - this works well see eg below.

http://www.nctfleetlist.co.uk/normal.php

My problem is, I have a piece of javascript called "greybox", it basically loads an external page, dimming the first page and focusing on the external - see eg below.

http://www.nctfleetlist.co.uk/div4.php

The new window can be called via either a href "rel" link or an "onclick" command.

I have tried implementing the the two together but when I use the javascript to call the new window the data from the original form is not passed over! - this is what I have so far...

example 1 - using onclick command (http://www.nctfleetlist.co.uk/eg1.php)

Code:

<script>
GB_show(caption, url, /*optional*/ height, width, callback_fn)
</script>
<form name="form1" action="test_script.php" method="post">
<input type="text" name="var1" value="">
<input type="submit" name="submit" value="submit" onclick="return GB_show('Search', 'http://www.nctfleetlist.co.uk/test_script.php', this.href)">
</form>

example 2 - using onsubmit within the form tag (http://www.nctfleetlist.co.uk/eg2.php)

Code:

<script>
GB_show(caption, url, /*optional*/ height, width, callback_fn)
</script>
<form name="form1" action="test_script.php" method="post" onSubmit="return GB_show('Search', 'http://www.nctfleetlist.co.uk/test_script.php', this.href)">
<input type="text" name="var1" value="">
<input type="submit" name="submit" value="submit">
</form>

example 3 - using a javascript link to submit the form, adding a "rel" tag (http://www.nctfleetlist.co.uk/eg3.php)

Code:

<script>
GB_show(caption, url, /*optional*/ height, width, callback_fn)
</script>
<form name="form1" action="test_script.php" method="post">
<input type="text" name="var1" value="">
<a href="#" onclick="document.forms[0].submit()" rel="gb_page_center[720, 300]">Search</a>
</form>

Any help is appreciated!

Hi,

I need help with my javascript codes to finish my order form.

The first problem I am encountering is this:

I need the quantity to appear automatically in the total quantity for sub total.

how is this?

I have assigned TotalQuantity.value for the quantity.

Thank you.

You can see the image here.
http://img821.imageshack.us/i/oderform.jpg/

Hi their,

i'm trying to create an online order page

i'm having probelms calculating totals from the options

not sure if i've designed it correctly

i have 3 select options (with 4 different products in each)

a single checkbox for another single product

and a final select tag for amounts (500/1000/2500/5000)

i need to assign each select option a value then * it by the amount select

am i best using onchange/an array or ditching select tags for something easier

any help greatly appreciated

Marty

Hello guys,
please help me in building an order form, the details.
The order form consist of text box product quantity, unit price, total price, sub total price, tax, discount, grand total quantity and grand total price.
There are 8 products so there will be 8 product quantity, unit price, total price text boxes. When a user enter the product quantity and unit price, the total price column should be automatically calculated e.g. if product quantity is 8, unit price is 2 then the total price should come to 16. The sub total price will be automatically calculated which should be the addition of all total prices so as the product quantity. The user will enter the tax and discount amount which should be calculated as percentage. Tax will be added to sub total and discount will be subtracted from sub total and then the total price will be displayed in the grand total text box.

Please help me to develop this form.

Thank You

hello all,

i'm newbie in javascript fucntion. here i got problem to passing the value from child popup form to parent form. here my code

parent form
Code:

<script language="JavaScript">
	function selectItem(){
		var selindex=document.myForm.myselect.selectedIndex;
		if (selindex!=0) {
			document.myForm.item_desc.value=myArray[1]; 
			document.myForm.item_code.value=myArray[0]; 
		}
	}
</script>

<form  name="myForm"  method="post">

<input  class="input" type="text"  name="item_code" id="item_code" size="30" value ="" /> 
<input type="button" name="opener" value="Search"  class="myButton" onclick="window.open('child_form.php',
		'print_view','left=20,top=20,width=750,height=650,toolbar=0,resizable=0,scrollbars=1');return(false);" /> 

<input class="input" type="text"  name="item_desc" id="item_desc" size="80" value ="<?php echo $item_desc?>" />
</form>

child_form.php
Code:

<script language="JavaScript">
	function selectItem(){
		var selindex=document.popUpForm.myselect.selectedIndex;
		if (selindex!=0) {

	   		window.close();
			var myArray = document.popUpForm.myselect[selindex].value.split('*');
			window.opener.document.myForm.item_desc.value=myArray[1];
			window.opener.document.myForm.item_code.value=myArray[0];
		}
	}

</script>

<form name="popUpForm">

$i = 0;
while ($i < 5){
  <input type="image" src="images/plus.png"  onclick="selectItem();" name="myselect[]" value=<?php echo $i."*".test;?> width="18" height="18"/>      



$i++;
}
</form>

I have been playing with two options but just dont seem to get the coding right. Can someone please assist. Using ie9 but same problem with all browsers.

first snippets.
HTML:
Code:

<!-- Row 3, Col 3 purchase boxes -->
<td colspan="1" height="120" align="left">
<input style="margin-left: 60px" type="text" name="bed_359" size="3" maxlength="3" onchange="calculateValue(this.form)" /> R359</td></tr>
 
<!-- Row 10, Col 2 Order Value Box-->
<td colspan="1" align="left"><input style="margin-left: 60px" type="text" name="total" size="10" 
onfocus="this.form.elements[0].focus()" />
</td></tr>

javaScript:
Code:

// Function to calculate order value 
function calculateValue(orders) {
var orderValue = 0;
var value = 0;
var itemPrice = 0;
var itemQuantity = 0;
 
// Run through all the product fields
for(var i = 0; i < orders.elements.length; ++i) {
 
// Get the current field
formField = orders.elements[i];
 
// Get the fields name
formName = formField.name;
 
// Items price extracted from name
itemPrice = parseFloat(formName.substring(formName.lastIndexOf("_") + 1));
 
// Get the Quantity
itemQuantity = parseInt(formField.value);
 
// Update the OrderValue
if(itemQuantity >= 0) {
value = itemQuantity * itemPrice;
orderValue += value;
}
}
 
// Display the total
orders.total.value = orderValue;
}

Second code:
Code:

<!-- Row 9, Col 3 purchase boxes -->
<td colspan="1" height="120" align="left"> 
<select style="margin-left: 60px" name="shirt" value="215" onchange="calculateValue(this.form)" />
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option></select> R215</td></tr>

Java
Code:

// Function to calculate order value    
function calculateValue(orders) {
    var orderValue = 0;
    var value = 0;
    var itemPrice = 0;
    var itemQuantity = 0;
 
    // Run through all the product fields
    for(var i = 0; i < orders.elements.length; ++i) {
 
    // Get the current field
    formField = orders.elements[i];
 
    // Get the fields name
    formValue = formField;
 
    // Items price extracted from name
    itemPrice = formField;
 
    // Get the Quantity
    itemQuantity = formField.selectedIndex;
 
    // Update the OrderValue
    if(itemQuantity > 0) {
    orderValue += itemQuantity * itemPrice
    }
    }
 
    // Display the total
    orders.total.value = orderValue.toLocaleString();;
}

Please help its probably something simple.

Hey there, first time poster. I am trying to create an order with the ability to dynamically self total the sum of the selected items but also be able to add a 25% labor fee having it be at least $90.

So if someone buys $300 worth of items the labor charge would be $75 but it would be automatically bumped to $90.

heres the existing code:

PHP Code:
* Calculates the payment total with quantites
     * @param {Object} prices
     */
    countTotal: function(prices){
    
        var total = 0;
        $H(prices).each(function(pair){
            total = parseFloat(total);
            var price = parseFloat(pair.value.price);
            if ($(pair.key).checked) {
                if ($(pair.value.quantityField)) {
                    price = price * parseInt($(pair.value.quantityField).getSelected().text, 10);
                }
                total += price;
            }
        });
        
        if (total === 0) {
            total = "0.00";
        }
        if ($("payment_total")) {
            $("payment_total").update(parseFloat(total).toFixed(2));
        }
    },
    /**
     * Sets the events for dynamic total calculation
     * @param {Object} prices
     */
    totalCounter: function(prices){
        $H(prices).each(function(pair){
            $(pair.key).observe('click', function(){
                JotForm.countTotal(prices);
            });
            if ($(pair.value.quantityField)) {
                $(pair.value.quantityField).observe('change', function(){
                    $(pair.key).checked = true;
                    JotForm.countTotal(prices);
                });
            }
        });
    }, 

so I made this pizza order form for my ap comp sci class with javascript and html...teacher didnt realy teach javascript so i got most of javascript from online. the problem is that i have a price for everything but wen i hit the place order button, it would just reset the form...so i made it a reset button instead. heres the code:
<html>
<head>
<title>Pizza Planet</title>
<script language="javascript">

var pizzasize;
function emptyField(textObj)
{
if(textObj.value.length == 0) return true;

for(var i=0; i<textObj.value.length;i++) {
ch = textObj.value.charAt(i);
if(ch != ' ' && ch != '\t') return false;
}
return true;
}

function basecost(radioObj)
{
pizzasize = 1;
if(radioObj[0].checked) cost = 5.00; // small
if(radioObj[1].checked) {
cost = 7.00; // medium
pizzasize = 2;
}
if(radioObj[2].checked) {
cost = 9.00; // large
pizzasize = 3;
}
return cost;
}

function toppingscost(selectObj)
{
tcost = 0.0;
for(var i=0;i<selectObj.length;i++)
if(selectObj[i].selected) tcost += 0.50*pizzasize;
return tcost;
}


function extrascost(selectObj)
{
ecost = 0;
if(selectObj[0].selected) ecost += 0.00; //no extras
if(selectObj[1].selected) ecost += 1.00; // Coke
if(selectObj[2].selected) ecost += 5.00; // Hot wing 12
if(selectObj[3].selected) ecost += 3.00; // hot wing 6
if(selectObj[4].selected) ecost += 4.00; // bread sticks 12
if(selectObj[5].selected) ecost += 2.50; //bread sticks 6
return ecost;
}



function deliverycost(selectObj)
{
if(selectObj[0].selected) Dcost = 5.00;
else if(selectObj[1].selected) Dcost = 0;
return Dcost;
}

function confirmPizza(formObj)
{
if(emptyField(formObj.customer) ) {
alert("Please enter your name");
return false;
}

if(emptyField(formObj.address) ) {
alert("Please enter an address");
return false;
}

if(emptyField(formObj.email) ) {
alert("Please enter your e-mail address");
return false;
}
if(emptyField(formObj.phone) ) {
alert("Please enter your phone number");
return false;
}

total = basecost(formObj.p_size);
total +=toppingscost(formObj.tops);
total +=extrascost(formObj.xtra);
total +=deliverycost(formObj.deliv);
return confirm("The cost is " + total + ", place order?");

}



</script>

</head>
<body>
<h1>Pizza Planet</h1>


<h3><b>Pizza size</h3>
<form name="pizzaform"
onSubmit= "return confirmPizza(pizzaform)" >
</b>


Small (5.00)<input type="radio" name="p_size" value="sma">
Medium (7.00)<input type="radio" name="p_size" value="med">
Large (9.00)<input type="radio" name="p_size" value="lar">


<br>
<h3>Toppings 1</h3>
<select name="tops" size="3" multiple>
<option selected>Cheese</option>
<option>Pepperoni</option>

<option>Sausage</option>
<option>Chicken</option>
<option>Bacon</option>
<option>Pineapples</option>
<option>Jalapenos</option>
<option>Banana Peppers</option>

</select>
<h3>Toppings 2 (+.50)</h3>
<select name="tops" size="3" multiple>
<option selected>None</option>
<option>Cheese</option>
<option>Pepperoni</option>
<option>Sausage</option>
<option>Chicken</option>

<option>Bacon</option>
<option>Pineapples</option>
<option>Jalapenos</option>
<option>Banana Peppers</option>
</select>
<h3>Toppings 3 (+.50)</h3>
<select name="tops" size="3" multiple>
<option selected>None</option>

<option>Cheese</option>
<option>Pepperoni</option>
<option>Sausage</option>
<option>Chicken</option>
<option>Bacon</option>
<option>Pineapples</option>

<option>Jalapenos</option>
<option>Banana Peppers</option>
</select>


<br>
<h3>Extras <h3>
<select name="xtra" size="6" multiple>
<option selected>None</option>
<option>Coca-Cola (2-liter) (1.00)</option>
<option>Hot Wings (12) (5.00)</option>
<option>Hot Wings (6) (3.00)</option>
<option>Bread Sticks (12) (4.00)</option>
<option>Bread Sticks (6) (2.50)</option>
</select>
<br>
<br>
<h3>Is this delivery or carryout?</h3>
<select name="del" size="2" multiple>
<option>Delivery</option>
<option>Carryout</option>
</select>


<hr />
Name
<input type="text" size="20" maxlength="50" name="customer">


Address
<textarea name="address" cols="40" rows="3">
</textarea>


Email <input type="text" size="20" maxlength="50" name="email">
Phone <input type="text" size="20" maxlength="20" name="phone">
<hr>
<input type="reset" value="Reset">
</form>

<hr>
Thank you for ordering at Pizza Planet.
</body>
</html>