new code for page 1 <head>
<script>
function setCookie (name, value, expires) {
if (!expires) expires = new Date();
document.cookie = name + "=" + escape (value) +
"; expires=" + expires.toGMTString() + "; path=/";
}
function setCookieArray(name){
this.length = setCookieArray.arguments.length - 1;
for (var i = 0; i < this.length; i++) {
this[i + 1] = setCookieArray.arguments[i + 1]
setCookie (name + i, this[i + 1], expdate);
}
}
var expdate = new Date();
expdate.setTime (expdate.getTime() + (24 * 60 * 60 * 1000 * 365));
function passData(image,spNum,name,dob,loc,cntry) {
/*store the data on a cookie*/
storedVal = new Array;
storedVal[1] = image; // image path
storedVal[2] = spNum; // sponsorship #
storedVal[3] = name; // child name
storedVal[4] = dob; // date of birth
storedVal[5] = loc; // location
storedVal[6] = cntry; // country
var testArray = new setCookieArray("imgData", // cookie name
storedVal[1], //array 1 - image
storedVal[2], //array 2 - spNum
storedVal[3], //array 3 - name
storedVal[4], //array 4 - dob
storedVal[5], //array 5 - loc
storedVal[6] //array 6 - cntry
);
}
function moveOn() {
document.location.replace('page2.html');
}
</script>
new page 1 <body>:
<img src="image1.gif" width="150" height="126">
<input type="button" value="Sponsor Me" onClick="passData('image1.gif','ramilgabion001-ph','Ramil Gabion',
'April 16, 1990','RailRoad Track (Makati Area)','Philippines'); moveOn()">
new page 2 <head>
<script>
function getCookie (name) {
var dcookie = document.cookie;
var cname = name + "=";
var clen = dcookie.length;
var cbegin = 0;
while (cbegin < clen) {
var vbegin = cbegin + cname.length;
if (dcookie.substring(cbegin, vbegin) == cname) {
var vend = dcookie.indexOf (";", vbegin);
if (vend == -1) vend = clen;
return unescape(dcookie.substring(vbegin, vend));
}
cbegin = dcookie.indexOf(" ", cbegin) + 1;
if (cbegin == 0) break;
}
return null;
}
function getCookieArray(name){
var i = 0;
while (getCookie(name + i) != null) {
this[i + 1] = getCookie(name + i);
i++; this.length = i;
}
}
var storedVal = new Array;
var dataArray = new getCookieArray("imgData");
function getData() {
getCookie("imgData");
storedVal[1] = ( dataArray[1] ); // image
storedVal[2] = ( dataArray[2] ); // spNum
storedVal[3] = ( dataArray[3] ); // name
storedVal[4] = ( dataArray[4] ); // dob
storedVal[5] = ( dataArray[5] ); // loc
storedVal[6] = ( dataArray[6] ); // cntry
/* plug in the image below */
document.all.Pic.style.backgroundImage='url("' + storedVal[1] + '")';
}
function getText() {
document.write('<b>Sponsorship#: </b>' + dataArray[2] + '<br>' + '<b>Name: </b>' + dataArray[3] + '<br>'
+ '<b>Date of Birth: </b>' + dataArray[4] + '<br>' + '<b>Location: </b>' + dataArray[5] + '<br>'
+ '<b>Country: </b>' + dataArray[6]);
}
</script>
page 2 <body onLoad="getData()">
<table cellpadding="10"><tr><td>
<span id="Pic"><table width="150" height="126"><tr><td>
<!-- the table dimensions are set to the image size !-->
</td></tr></table></span>
</td><td>
<table>
<tr><td>
<script>
getText(); // write the text info
</script>
</td></tr>
</table>
</td></tr>
</table>