help req for a dumbass

liunx · Jan 9, 2008

Can anyone help. 
I want to be able to enter text into a field in a form by clicking a button or image on another page. 
Its going to be a shopping basket idea but for free samples ( ie no calculation needed )Maybe this can inspire you: 
 
Lets say you have this in page1: 
 
<a href=http://www.htmlforums.com/archive/index.php/"page2.html?item=1">Item 1</a> 
<a href=http://www.htmlforums.com/archive/index.php/"page2.html?item=2">Item 2</a> 
<a href=http://www.htmlforums.com/archive/index.php/"page2.html?item=3">Item 3</a> 
<a href=http://www.htmlforums.com/archive/index.php/"page2.html?item=4">Item 4</a> 
<a href=http://www.htmlforums.com/archive/index.php/"page2.html?item=5">Item 5</a> 
 
When the user clicks on one of the above links the page will change. In addition an extra piece of information will be appended to the end of the url. Say you click on link item number 4, the url of page2.html will look like this: 
 
<a class="postlink" href="http://www.yoursite.com/page2.html?item=4">http://www.yoursite.com/page2.html?item=4</a> 
 
If you have a script in the head of page2 you can then extract that information like this: 
<script language="javascript"> 
var url = window.location.href; 
var queryStr = url.substring(url.indexOf("?")+1); 
// queryStr will be equal to "item=4" 
// you can now output this data 
document.write(queryStr); 
</script> 
 
Or more elaborate information can be send: 
 
<a href=http://www.htmlforums.com/archive/index.php/"page3.html?form=myform;name=bgates;value=1000">Link a</a> 
 
and you can extract it like this: 
<script language="javascript"> 
var url = window.location.href; 
var queryStr = url.substring(url.indexOf("?")+1); 
// queryStr = form=myform;name=bgates;value=1000 
 
var outputAry = new Array(); 
queryAry = queryStr.split(";"); 
// queryAry = ["form=myform","name=bgates","value=1000"] 
 
for (var i=0; i<queryAry.length;i++){ 
infoAry = queryAry.split("="); 
//infoAry = ["form","myform"] when i=0 
//infoAry = ["name","bgates"] when i=1 
//infoAry = ["value","1000"] when i=2 
outputAry = new Array(); 
outputAry["Key"] = infoAry[0]; 
//outputAry[0]["Key"] = "form" when i=0 
//outputAry[1]["Key"] = "name" when i=1 
//outputAry[2]["Key"] = "value" when i=2 
outputAry["Value"] = infoAry[1]; 
//outputAry[0]["Value"] = "myform" when i=0 
//outputAry[1]["Value"] = "bgates" when i=1 
//outputAry[2]["Value"] = "1000" when i=2 
} 
 
for (var j=0;j<queryAry.length;j++){ 
document.write("The key is: "+outputAry["Key"]+" - "; 
document.write("The Val is: "+outputAry["Value"]; 
} 
 
//result: 
//The key is: form - the Val is myform 
//The key is: name - the Val is bgates 
//The key is: value - the Val is 1000 
 
Other commands which may be interesting in this connection: 
you can use eval to create variables in the receiving page, 
example: 
eval("var "+outputAry["Key"]+" = "+outputAry["Value"]); 
// would equal eval("var name=bgates"); 
// alert(name); 
// result: "bgates"; 
 
Note: the outputAry above is a so-called two dimentional array: e.g. the array contain information which itself are arrays. 
 
Ok, this was a lot of techical stuff, but hope you understod how you can transfer information between pages by appending it to the url of the page name and then extract that data on another page.

help req for a dumbass

liunx

Guest