JavaScript - How To Pass Form Variables To Another Page. Javascript

Hello all,

Im new to the board, Have a question i cant figure out. This board seems very helpful, so here goes.

Im trying to grab certain variables like orderID & Subtotal variables that are posted to the confirmation page. The reason im grabbing these is for a confirmation pixel that is displayed for commission junction. When some clicks on their link, then completes an order, their tracking pixel fires grabs these variables and that way they can track the order confirmaton. The problem is they dont see the tracking pixel firing and its not grabbing the variables. I dont know what to do. Here is the code. maybe someone here can help me??

This is the code that shows on the confirmation page. Im assuming this is where im suppose to grab the variables.

Code:

//<![CDATA[
var SecureCartOrders = [ {"orderID":154983165,"name":"Max Test","company":null,"email1":"max@maxtest.com","address1":"123 main st","address2":null,"city":"miami","state":"Florida","zip":"33845","country":"United States","fax":null,"phone":"5611112222","secondaryphone":null,"cardtype":"","shipname":"Max Test","shipCompany":null,"shipAddress1":"123 main st","shipAddress2":null,"shipCity":"west palm beach","shipState":"Florida","shipZip":"33405","shipCountry":"United States","status":"Accepted","product":["oil product"],"sku":["FC1246"],"quantity":[1],"price":[0.00],"option":[[]],"productattributes":[{}],"plist":"3598071","Total":0.00,"shippingMethod":"Free Shipping","shippingAmount":0,"grandTotal":0.00,"adtrack":0} ];
//]]>

This is the javascript code that im using to grab those variables. The variables that i need are

orderID & Total

Code:

<script type='text/javascript'> 
var orderId = SecureCartOrders[0].orderID; 
var subTotal = SecureCartOrders[0].Total;
var url ='https://www.emjcd.com/u?CID=111111&TYPE=343000&CURRENCY=USD&METHOD=IMG';
url += '&OID=' + orderId;
url += '&AMOUNT=' +subTotal; 
document.write('<img width=\'20\' height=\'1\' src=\' + url + \'\'>'); 
</script>

I have no idea what else i can do. This is a system hosted confirmation page from a shoppingcart software called, 1shoppingcart.com

This form collects info of the customer who wishes to select add-ons that would be applied to their digital photos. Examples of add-ons:
Photo makeover Add object or person Crop image
Have a look at the form


Once a customer selects one of the options (Photo Manipulation or Photo Restoration for example - radio buttons) and then one or more Add-ons (check boxes in the Html form), enter their details and upload a photo, they hit the submit button and it then takes them to the PayPal checkout page where the total amount is shown. (see image below)



The Issue:

In the PayPal page, it now shows the total amount whichever add-ons you select, however it keeps showing "Add object or person" as well as all the 5 main options (radio buttons on the form) no matter what I select. This will be an issue as I will not know exactly which add-ons the customer has selected.

Can someone please help me complete the coding so that the add-ons show on the PayPal checkout page.

I look forward to your reply/replies.

Kind Regards

Rafi






p.s: Could this be a possible solution? Even if it is, can someone help by completing the code?

In order to send the options/add-ons the customer selects I may need to use the onX and osX variables (Where X is a number starting with 0 and incrementing by 1 see below), These can be used to set options for the add-onsthey select. The onO is the "option name" and os0 is the "option choice". So for example:

<input type="hidden" name="on0" value="Photo manipulation">
<input type="hidden" name="os0" value="Whatever add-ons the customer selects">

<input type="hidden" name="on1" value="Photo restoration">
<input type="hidden" name="os1" value="Whatever add-ons the customer selects">

Afternoon All,

I have managed to secure some JavaScript code from another site that allows me to access values from within my Google Analytics cookie:


<!-- begin Referer Check -->

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write("<script src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'>" + "</sc" + "ript>");
</script>

<script type='text/javascript'>
var pageTracker = _gat._getTracker("UA-1-1");
pageTracker._trackPageview();

//
// This is a function that I "borrowed" from the urchin.js file.
// It parses a string and returns a value. I used it to get
// data from the __utmz cookie
//
function _uGC(l,n,s) {
if (!l || l=="" || !n || n=="" || !s || s=="") return "-";
var i,i2,i3,c="-";
i=l.indexOf(n);
i3=n.indexOf("=")+1;
if (i > -1) {
i2=l.indexOf(s,i); if (i2 < 0) { i2=l.length; }
c=l.substring((i+i3),i2);
}
return c;
}

//
// Get the __utmz cookie value. This is the cookies that
// stores all campaign information.
//
var z = _uGC(document.cookie, '__utmz=', ';');
//
// The cookie has a number of name-value pairs.
// Each identifies an aspect of the campaign.
//
// utmcsr = campaign source
// utmcmd = campaign medium
// utmctr = campaign term (keyword)
// utmcct = campaign content
// utmccn = campaign name
// utmgclid = unique identifier used when AdWords auto tagging is enabled
//
// This is very basic code. It separates the campaign-tracking cookie
// and populates a variable with each piece of campaign info.
//
var source = _uGC(z, 'utmcsr=', '|');
var medium = _uGC(z, 'utmcmd=', '|');
var term = _uGC(z, 'utmctr=', '|');
var content = _uGC(z, 'utmcct=', '|');
var campaign = _uGC(z, 'utmccn=', '|');
var gclid = _uGC(z, 'utmgclid=', '|');
//
// The gclid is ONLY present when auto tagging has been enabled.
// All other variables, except the term variable, will be '(not set)'.
// Because the gclid is only present for Google AdWords we can
// populate some other variables that would normally
// be left blank.
//
if (gclid !="-") {
source = 'google';
medium = 'cpc';
}
// Data from the custom segmentation cookie can also be passed
// back to your server via a hidden form field
var csegment = _uGC(document.cookie, '__utmv=', ';');
if (csegment != '-') {
var csegmentex = /[1-9]*?\.(.*)/;
csegment = csegment.match(csegmentex);
csegment = csegment[1];
} else {
csegment = '(not set)';
}

//
// One more bonus piece of information.
// We're going to extract the number of visits that the visitor
// has generated. It's also stored in a cookie, the __utma cookis
//
var a = _uGC(document.cookie, '__utma=', ';');
var aParts = a.split(".");
var nVisits = aParts[5];

/*

function populateHiddenFields(f) {
f.source.value = source;
f.medium.value = medium;
f.term.value = term;
f.content.value = content;
f.campaign.value = campaign;
f.segment.value = csegment;
f.numVisits.value = nVisits;

alert('source='+f.source.value);
alert('medium='+f.medium.value);
alert('term='+f.term.value);
alert('content='+f.content.value);
alert('campaign='+f.campaign.value);
alert('custom segment='+f.segment.value);
alert('number of visits='+f.numVisits.value);

return false;
}

*/

document.forms["cforms2"].elements["cf2_field_1"].value = source;

</script>




The key outputs from this code are the vars:

source
medium
term
content
campaign
csegment
nVisits

My question is, how can I get the source var into the hidden field in the form in my footer http://www.yogaholidays.co?

I have tried to pass just the source var from within the <script> tags.

document.forms["cforms2"].elements["cf2_field_1"].value = source;

I have commented out part of original code that I did not think I needed.

Any help that can be offered I would be grateful, ultimately I would like to be able to pass all these values to hidden fields.

Thanks

Paul Brown

here is my code

Code:

<ul id="myList" class="myList">
							<form method="post" action="somepage">
							<li id="item_1">
								<a href="#"><img src="images/build/handle.jpg" alt="handle" border="0" /></a>
								Link Group
							</li>
							<li id="item_2">
								<a href="#"><img src="images/build/handle.jpg" alt="handle" border="0" /></a>
								Page Group
							</li>
							<li id="item_3">
								<a href="#"><img src="images/build/handle.jpg" alt="handle" border="0" /></a>
								SEO
							</li>
							<li id="item_4">
								<a href="#"><img src="images/build/handle.jpg" alt="handle" border="0" /></a>
								<script type="text/javascript">
								tinyMCE.init({
									mode : "textareas",
									theme : "advanced"
								});

								function toggleEditor(id) {
									if (!tinyMCE.get(id))
										tinyMCE.execCommand('mceAddControl', false, id);
									else
										tinyMCE.execCommand('mceRemoveControl', false, id);
								}
								</script>

								
									<textarea name="content" style="width:96%">
									</textarea>
								
								<a href="javascript:toggleEditor('content');">Add/Remove editor</a>
							</li>
							</form>
						</ul>
						<p id="myList_serialize"></p>

						<script type="text/javascript" language="javascript" charset="utf-8">
						  Sortable.create('myList',{ghosting:false,constraint:true,hoverclass:'over',
							onChange:function(element){
								var totElement = 7;
								var newOrder = Sortable.serialize(element.parentNode);
								for(i=1; i<=totElement; i++){
									newOrder = newOrder.replace("myList[]=","");
									newOrder = newOrder.replace("&",",");
								}
								$('myList_serialize').innerHTML = '<strong>New Order</strong>: '+newOrder;
							}
						  });
						</script>

I some draggable li's which works fine, I have a tinyMCE WYSIWYG editor which works fine!

How can I add a form to my UL LI?

Here is my code


<script language="javascript" type="text/javascript">
function revealModal(divID)
{

window.onscroll = function () { document.getElementById(divID).style.top = document.body.scrollTop; };
document.getElementById(divID).style.display = "block";
document.getElementById(divID).style.top = document.body.scrollTop;

}

function hideModal(divID)
{
document.getElementById(divID).style.display = "none";
}
</script>


<div id="modalPage3">
<div class="modalBackground"></div>
<div class="modalContainer">
<div class="modal53">
<div class="modalTop"><a href="javascript:hideModal('modalPage3')">[X]</a></div>
<div class="modalBody">
<?php echo 'value='.$_SERVER['value'];


?>
<h3><center>Choose from the options below</center></h3>
<center><div id="stylized" class="myform">

<a href="javascript:hideModal('modalPage3');javascript:revealModal('modalPage1')" tabindex="2" title="Remove UPCAT Passer"><img src="images/photo_remove.png" /></a>&nbsp;&nbsp;
<a href="javascript:hideModal('modalPage3');javascript:revealModal('modalPage2')" tabindex="4" title="Edit UPCAT Passer"><img src="images/photo_edit.png" /></a>&nbsp;&nbsp;
<a href="javascript:hideModal('modalPage3');javascript:revealModal('modalPage4')" tabindex="4" title="Change Status of UPCAT Passer"><img src="images/photo_up.png" /></a>
</div></center>
</div>
</div>
</div>
</div>


<a href=javascript:revealModal('modalPage3');>
<img src=images/option.jpg /></a>

my problem is this one..how can I pass a value example value=3 to be like
href= index.php?value=3..PLEASE HELP!!!

I'm using a geolocator service to find the zipcode of a web page visitor using the code below. This will be used to serve up ads to the visitor based on their zip code. The question is, how do I pass the zip code value from the script into an ASP variable, such as a cookie or session object?

<script language="JavaScript" src="http://www.iplocationtools.com/iplocationtools.js?key=my_site_key"></script>
<script language="JavaScript">
<!--
document.write(ip2location_zip_code());
//-->
</script>

hi


in javascript section there is a variable namesd first is available. i want to pass the value of this variable in a php variable.

how can i do this..

Hello. I am very new at using javascript and jquery.

Right now Im working on a website, and it has a hierarchical menu in the right and im also doing some content loading in a div, all that with javascript. My problem is that when they click on a link, I need to pass a variable "id" through the link. I dont want to pass it in the url, but I want to pass it in another way, for every link the id is going to be different. How can I pass a variable to another page and how can I retrieve it in that page so I can use it for the content loading? Thanks!

ok i have auto complete that i want to be able to select a column of the database before searching on it
i just want to pass the oneone variable over to the php page.

so i have this javascript

Code:

<script type="text/javascript">
$().ready(function() {

	function log(event, data, formatted) {
		$("<li>").html( !data ? "No match!" : "Selected: " + formatted).appendTo("#result");
	}
	
	$("#search").autocomplete("test.php", {
		width: 260,
		selectFirst: false
	});
	$("#search").result(function(event, data, formatted) {
		if (data)
			$(this).parent().next().find("input").val(data[1]);
	});
	
	
$(":text, textarea").result(log).next().click(function() {
		$(this).prev().search(); // shows resluts
	});

});


</script>

the html

Code:

	<p class="field" > <select id="oneone" name="oneone" style="width:100px;margin:5px 0 5px 0;" value="">
		<option value="s_last">Last Name</option>
<option value="s_first">First Name</option>

<label>Search</label>
			<input type="text" id="search" />
		</p>
		<p>
			<label>Hidden input</label>
			<input  type="text" id="inputit" />

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 Coding Forum gurus, I'm hoping to find some help here with a javascript order form. I am currently working on a javascript form that requires field validation as well as a summary page (order confirmation) after every field is entered correctly. At this point I am satisfied with the field validation portion of the script, however, I am not sure how to call a function to display the summary page.


here is a description of my dilemma:

To begin, the field validation functions are called by the form's onsubmit event handler. Which then works it way through several text field validation functions. After the script finishes validating and checking each field for acceptable input, how do I call a function to display a summary page of the order form?




On a side note, the only programming experience I have ever had is with javascript. I have never taken any other programming classes, and I am fairly new to this. Any help would be appreciated.

Not sure if I am allowed to post the entire script here or not but I'd be willing to send to anyone that would like to take a look, HUGE THANK YOU in advance to anyone that takes time out of their busy schedules to take a look.

i am trying to pass the a variable "oneone" from a select box to a php page via java script. this is my html

Code:

<div id="wrapper">
<div id="content">
<form>
Select a Customer:
<select id="oneone" name="oneone" value="">
<option value="s_last">last</option>
<option value="s_first ">first</option>
<option value="c_city">cirty</option>
</select>
</form>

<div>
<form method="get" action="" class="asholder">
	<small style="float:right">Hidden ID Field: <input type="text" id="testid" value="" style="font-size: 10px; width: 20px;" disabled="disabled" /></small>
	<label for="testinput">Person</label>
	<input style="width: 200px" type="text" id="testinput" value="" /> 
	<input type="submit" value="submit" />
</form>
</div>
</div>

this is my javascript

Code:

<script type="text/javascript">


	var options = {
		script:"test.php?json=true&limit=6&",
		varname:"input",
		json:true,
		shownoresults:false,
		maxresults:6,
		callback: function (obj) { document.getElementById('testid').value = obj.id; }
			};
	
	var as_json = new bsn.AutoSuggest('testinput', options);
	
		var optionsa = {
		script:"test.php?",
		varname:"one",
		json:false
		};
	var as_jsona = new bsn.AutoSuggest('oneone', optionsa);
</script>

and the little part of my php
Code:

$input =$_GET['input'];
$q =$_GET["one"];

can someone PLEASE tell my why i cant get this to work!!!

Basically I am trying to retrieve my image path data from mysql to my variable created in my javascript. This is the code I m using.
<?php
$result = mysql_query("SELECT * FROM Shop");

while($row = mysql_fetch_array($result))
{
$shopName[] = $row['ShopName'];
$shopLogo[] = $row['ShopLogo'];
$shopDescription[] = $row['ShopDescription'];

$totalShops = count($shopName);
}

for($i=0; $i<totalShops; $i++){
echo "<script type='text/javascript'>";
echo "var logos = new Array();"
echo "</SCRIPT>";
}
?>

However, I cant solve the for loop part. I wanted to pass each and every data retrieved from mysql query into the array created in javascript part inside the for loop. Can anyone teach me how to do that?

Thanks.

I'm trying to echo a php variable to my javascript function but nothing is happening

Basically this php page displays bunch of records with a radio button next to each record. So when the radio button is clicked it would open that record in a new window that is clicked.

Code:

<input type='radio' name='option' value='$ctr' id='$ctr' onClick="edit_record('<?php echo $ctr ?>')">

<script type="text/javascript">
function edit_record(){
   var value = arguements[0];
   alert("record id: " + value);
   window.open("Edit.php", "Edit Record", "status=1, height=400, width=900, resizable=0");
}

Hi coders,

I have a login form which has the following code:

Code:

<p>
Username:<span><input type="text" id="uid" name="uid" size="14"/> </span>
Pass:<span><input type="password" id="pwd" name="pwd" size="14"/></span>
<a onclick="return loginload()" href="#" class="btn">Enter</a>

Here is the loginload script directs me to the following page upon Enter:

Code:

function loginload() {
window.location="step1.asp";
}

Now that step1.asp gets the user & pass variables and pass them to step2.asp page that way:

Code:

<html> 
<!-- #include file="include/common.asp" -->
<!-- #include file="include/security.asp" -->
<head>
<meta http-equiv="Content-Language" content="tr">
<meta name="GENERATOR" content="Microsoft FrontPage 12.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<title>Login</title>
</head>

<body background="webimages/BGS/Gray.jpg" bgcolor="#D6D6DE" topmargin="2" leftmargin="35" oncontextmenu='return false' ondragstart='return false' onselectstart='return false'>
<form name="frm1" method="post" action="step2.asp">
<input type="hidden" name="_uid" id="_uid">
<input type="hidden" name="_pwd" id="_pwd">
</form>

<SCRIPT>
document.forms[0]._uid.value = document.getElementById("uid").value;
document.forms[0]._pwd.value = document.getElementById("pwd").value;
document.forms[0].submit();
</script>

</body>

</html>

After clicking on Enter on the login page, I receive the error for the step1.asp page:

Line:20
Char:1
Object Required
Code:0
Url=step1.asp

Line 20 is the beginning of the script.


Could not figure it out.
Any opinions/advise are wellcome.