Two values, the name of a theatre play and the date. I have a table with all plays and dates, and an online-preorder-button at the end of each row. pressing this, a popup will open, with a form in it, where people can enter their name etc. And I think it would be neat, if the name of the play and date would already be filled in.
But I got something: I already can send data from a form to a popup, where it is displayed using document write.
index-file:
<form type="get" action="popup.htm" target="theWin" onsubmit="window.open('','theWin','height=200px,width=300px');">
<input type="hidden" name="title" value="name_of_the_play">
<input type="hidden" name="date" value="16.9.2004">
<input type="submit" value="preorder">
</form>
popup.htm:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>popup</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function getParams() {
var idx = document.URL.indexOf('?');
var params = new Array();
if (idx != -1) {
var pairs = document.URL.substring(idx+1, document.URL.length).split('&');
for (var i=0; i<pairs.length; i++) {
nameVal = pairs[i].split('=');
params[nameVal[0]] = nameVal[1];
}
}
return params;
}
params = getParams();
// End -->
</script>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
title = unescape(params["title"]);
date = unescape(params["date"]);
document.write(title + "<br>");
document.write(date);
// End -->
</script>
</body>
</html>
Now, how do I get the variables title & date into a defined form/input field?