Page A takes a post var from another page(not Page B ) and then used to query for displaying records in a mysql datase. This variable has set as a session variable because there is 1 <input type='submit' on Page A that will invoke a javascript function to open a new window.
CODE
<script LANGUAGE="JavaScript">
window.name="main_index";
function openFormWindow()
{
OpenWindow=window.open("add_attendance.php", "newwin", "height=250, width=400,toolbar=no,scrollbars=no,menubar=no,location=no,resizable=no");
var x = getElementByName("form1");
x.target="newwin";
x.submit();
}
window.name="main_index";
function openFormWindow()
{
OpenWindow=window.open("add_attendance.php", "newwin", "height=250, width=400,toolbar=no,scrollbars=no,menubar=no,location=no,resizable=no");
var x = getElementByName("form1");
x.target="newwin";
x.submit();
}
As you can see the first parameter on openFormWindow() is Page B php file Im wanting to display. The php file has some database queries in it and uses that preivous set session var to identify what records i want. When I use the window.open() from javascript it creates a nice new window for me but I cannot assign any <input type='hidden' values in it. I am going to be using 2 or more buttons on Page A thats going to go to page B and i need to be able to able to identify what is being submitted to display correct content for the user. The post count on page B is 0 so there is no way I am able to grab them.
heres the code for page B it might help in understanding what I am trying to do abit better.
CODE
<?php
session_start();
// include database file
include("includes/database_itrap.php");
$event_id = $s['event_id'];
$s['ea_added_group'] = false;
// get list of members
$m_query = "SELECT userid, username FROM users WHERE userid NOT IN (SELECT ea_user_id FROM events_attend WHERE ea_event_id =" . $event_id . ")";
$m_result = mysql_query($m_query, $link) or die("Cannot return users list");
// get event details
$e_query = "SELECT * FROM events WHERE e_id = " . $event_id;
$e_result = mysql_query($e_query, $link);
while ($e = mysql_fetch_array($e_result)) {
$e_start = $e['e_start'];
}
if ($p['mode'] == "") {
$e_start = date("H:i:s");
}
?>
<html>
<head>
<title>Add Attendance</title>
<script type='text/javascript'>
function addUser(toGroup,fromGroup) {
var listLength = document.getElementById(toGroup).length;
var selItem = document.getElementById(fromGroup).selectedIndex;
var selText = document.getElementById(fromGroup).options[selItem].text;
var selValue = document.getElementById(fromGroup).options[selItem].value;
var i; var newItem = true;
for (i = 0; i < listLength; i++) {
if (document.getElementById(toGroup).options[i].text == selText) {
newItem = false; break;
}
}
if (newItem) {
document.getElementById(toGroup).options[listLength] = new Option(selText, selValue);
document.getElementById(fromGroup).options[selItem] = null;
}
}
function saveGroup() {
var strValues = "";
var boxLength = document.getElementById('group2').length;
var elcount = 0;
if (boxLength != 0) {
for (i = 0; i < boxLength; i++) {
if (elcount == 0) {
strValues = document.getElementById('group2').options[i].value;
} else {
strValues = strValues + "," + document.getElementById('group2').options[i].value;
}
elcount++;
}
}
if (strValues.length == 0) {
return false;
} else {
document.forms['groupsform'].group_users.value = strValues;
document.forms['groupsform'].submit();
return true;
}
}
function ckForm() {
var tmp = saveGroup();
return tmp;
}
function test () {
alert(document.forms.groupsform.mode.value);
}
</script>
</head>
<body onLoad="test();">
<form name="groupsform" method="post" action="events_locked.php" target="main_index" onSubmit="setTimeout('window.close()', 0000); return ckForm();">
<div align="center">
Event ID: <?php echo $event_id . " "; ?>
Start Time: <input type="text" name="ea_start" value="<?php echo $e_start; ?>" size="10" />
<br />
<select multiple='multiple' size='10' id='group1' name='group1' style='width:150' onChange="addUser('group2','group1');" >
<?php
while($u = mysql_fetch_array($m_result)) {
echo "<option value='" . $u['userid'] . "'>" . ucfirst($u['username']) . "</option>";
}
?>
</select>
<select multiple='multiple' size='10' id='group2' name='group2' style='width:150' onChange="addUser('group1','group2');" >
</select>
<input type='hidden' name='group_users' />
<input type="hidden" name="event_id" value="<?php echo $event_id; ?>" />
<input type="hidden" name="mode" value="" />
<input type="submit" name="save_group" value="submit form" />
<input type="submit" value="Close" onClick="window.close();" />
<br />
<br />
Post count: <?php echo count($_POST); ?>
Mode: <?php echo $_POST['mode']; ?>
</div>
</form>
</body>
</html>
session_start();
// include database file
include("includes/database_itrap.php");
$event_id = $s['event_id'];
$s['ea_added_group'] = false;
// get list of members
$m_query = "SELECT userid, username FROM users WHERE userid NOT IN (SELECT ea_user_id FROM events_attend WHERE ea_event_id =" . $event_id . ")";
$m_result = mysql_query($m_query, $link) or die("Cannot return users list");
// get event details
$e_query = "SELECT * FROM events WHERE e_id = " . $event_id;
$e_result = mysql_query($e_query, $link);
while ($e = mysql_fetch_array($e_result)) {
$e_start = $e['e_start'];
}
if ($p['mode'] == "") {
$e_start = date("H:i:s");
}
?>
<html>
<head>
<title>Add Attendance</title>
<script type='text/javascript'>
function addUser(toGroup,fromGroup) {
var listLength = document.getElementById(toGroup).length;
var selItem = document.getElementById(fromGroup).selectedIndex;
var selText = document.getElementById(fromGroup).options[selItem].text;
var selValue = document.getElementById(fromGroup).options[selItem].value;
var i; var newItem = true;
for (i = 0; i < listLength; i++) {
if (document.getElementById(toGroup).options[i].text == selText) {
newItem = false; break;
}
}
if (newItem) {
document.getElementById(toGroup).options[listLength] = new Option(selText, selValue);
document.getElementById(fromGroup).options[selItem] = null;
}
}
function saveGroup() {
var strValues = "";
var boxLength = document.getElementById('group2').length;
var elcount = 0;
if (boxLength != 0) {
for (i = 0; i < boxLength; i++) {
if (elcount == 0) {
strValues = document.getElementById('group2').options[i].value;
} else {
strValues = strValues + "," + document.getElementById('group2').options[i].value;
}
elcount++;
}
}
if (strValues.length == 0) {
return false;
} else {
document.forms['groupsform'].group_users.value = strValues;
document.forms['groupsform'].submit();
return true;
}
}
function ckForm() {
var tmp = saveGroup();
return tmp;
}
function test () {
alert(document.forms.groupsform.mode.value);
}
</script>
</head>
<body onLoad="test();">
<form name="groupsform" method="post" action="events_locked.php" target="main_index" onSubmit="setTimeout('window.close()', 0000); return ckForm();">
<div align="center">
Event ID: <?php echo $event_id . " "; ?>
Start Time: <input type="text" name="ea_start" value="<?php echo $e_start; ?>" size="10" />
<br />
<select multiple='multiple' size='10' id='group1' name='group1' style='width:150' onChange="addUser('group2','group1');" >
<?php
while($u = mysql_fetch_array($m_result)) {
echo "<option value='" . $u['userid'] . "'>" . ucfirst($u['username']) . "</option>";
}
?>
</select>
<select multiple='multiple' size='10' id='group2' name='group2' style='width:150' onChange="addUser('group1','group2');" >
</select>
<input type='hidden' name='group_users' />
<input type="hidden" name="event_id" value="<?php echo $event_id; ?>" />
<input type="hidden" name="mode" value="" />
<input type="submit" name="save_group" value="submit form" />
<input type="submit" value="Close" onClick="window.close();" />
<br />
<br />
Post count: <?php echo count($_POST); ?>
Mode: <?php echo $_POST['mode']; ?>
</div>
</form>
</body>
</html>
I seem to be posting alot of issues with how I want to do things in web. I have read/seen abit of ajax but still not proficent in PHP, XHTML, or JS enough to want to dive into it at this stage. Im still only starting to understand the DOM. I look on the web for any examples to help but there is nothing close to what I want to do so far. I sometimes wonder am I going about this the wrong way. sorry for the rant please someone help me out.
. My modechange() does alert me that its changed but when page B gets created its not set and somehow always defaults to mode='add_on_time' value no matter what button I push on page A (add on time button or add late button).
