I am working on a rather difficult project and from the beginning I have been trying to stay W3C compliant (HTML 4.01 Transitional) and I've been doing really good until tonight. Today's work including adding use of AJAX, manipulation of the DOM, and addition of multiple forms. Turns out i cant place the form element where i need it and i cant think of a way around this. This alone causes 14 errors. My other big error is when I manipulate the HTML structure using the DOM. Seems the validator is not recognizing this code as compilant even though I know it is because i use it in a different spot of the page and it doesnt produce any errors. This little problem is causing me 4 errors.
Here's a semi detailed walk through (comments in blue, and highlighted code is red):
----------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Reef Advertising Inventory</title>
<meta name="author" content="William Blake Galbreath">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="StyleSheet" href="main.css" type="text/css">
<script src="getscreen.js" type="text/javascript"></script>
<script src="ajax.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function load_it() {
setballoonpos();
document.getElementById('loadballoontxt').innerHTM L='<table border="0" cellpadding="0" cellspacing="0"><tr><td><img src="images/saving.gif" style="width:20px;height:20px;" alt="Loading..."></td><td> Loading...</td></tr></table>';
this is a manipulation of the HTML structure with the DOM. I have this set here because my AJAX code will later change this to display only the word 'Done.' instead of the whole table. This balloon will be used again if the user hits the 'refresh list' link and so i need the balloon to contain this table again. The table IS W3C compliant, but its not seeing it as so. This right here is producing me 4 errors from the validator.
document.getElementById('loadballoon').style.displ ay="";
sndReq("allusers");
}
function edit_it($uid) {
document.getElementById("read_"+$uid).style.displa y="none";
document.getElementById("edit_"+$uid).style.displa y="";
}
function save_it($uid) {
setballoonpos();
document.getElementById("read_"+$uid).style.displa y="";
document.getElementById("edit_"+$uid).style.displa y="none";
}
//-->
</script>
</head>
<body onLoad="load_it()">
<table cellpadding="0" cellspacing="3" border="0" width="1000">
<tr>
<td align="left" valign="top" width="33%"><img src="images/spacer.gif" height="1" width="10" alt="spacer.gif"><img src="images/logo-ri.gif" width="83" height="38" alt="Reef Industries"></td>
<td align="center">
<table cellpadding="0" cellspacing="3" border="0" width="100%">
<tr><td class="font2"><b>Reef Advertising Inventory</b></td></tr>
<tr><td class="font2">User: none (anonymous)</td></tr>
</table>
</td>
<td width="33%"></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="1000">
<tr>
<td style="background:url(images/t1.gif);background-repeat:repeat-x;width:200px;height:23px;"></td>
<td style="background:url(images/t2.gif);background-repeat:repeat-x;width:10px;"></td>
<td style="background:url(images/t3.gif);background-repeat:repeat-x;width:550px;"></td>
<td style="background:url(images/t4.gif);background-repeat:repeat-x;width:10px;"></td>
<td style="background:url(images/t5.gif);background-repeat:repeat-x;width:230px;" align="right" valign="middle"><img src="images/tt.gif" alt="Reef Industries"><img src="images/spacer.gif" width="10" height="1" alt="spacer.gif"></td>
</tr>
</table>
<table cellpadding="0" cellspacing="3" border="0" width="1000">
<tr>
<td>
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="left" valign="top" height="19" class="font2">
<img src="images/spacer.gif" height="1" width="8" alt="spacer.gif">
<a href="default.php">Home</a> |
<a href="samps.php">Samples</a> |
<a href="#">Literature</a> |
<a href="#">View Statistics</a> |
<span style="background-color:inherit;color:#999999;">Admin Panel</span> | <a href="#">Help</a>
</td>
<td align="right" valign="top" height="19"><img src="images/logo-text.gif" alt="Reef Industries"><img src="images/spacer.gif" height="1" width="15" alt="spacer.gif"></td>
</tr>
</table>
</td>
<td align="right" valign="top" width="38"><img src="images/logo-arrow.gif" width="28" height="30" alt="Reef Industries"><img src="images/spacer.gif" height="1" width="10" alt="spacer.gif"></td>
</tr>
</table>
<table width="1000" border="0"><tr><td align="center">
<br>
<table class="box" width="947" cellpadding="0" cellspacing="0">
<tr><td class="boxtl"></td><td class="box1"><b class="font2" style="background-color:inherit;color:#ffffff;"> User List</b></td><td class="boxtr"></td></tr>
<tr><td class="boxl"></td><td align="center" class="font2 boxcont">
<table cellspacing="0" border="0">
<tr style="height:27px;">
<td class="celltl" width="150"><b>User Name</b></td>
<td class="celltl" width="150"><b>Real Name</b></td>
<td class="celltl" width="50" align="center"><b>Edit<br>Samps</b></td>
<td class="celltl" width="50" align="center"><b>Add<br>Samps</b></td>
<td class="celltl" width="50" align="center"><b>Sub<br>Samps</b></td>
<td class="celltl" width="50" align="center"><b>Del<br>Samps</b></td>
<td class="celltl" width="50" align="center"><b>Edit<br>Lit</b></td>
<td class="celltl" width="50" align="center"><b>Add<br>Lit</b></td>
<td class="celltl" width="50" align="center"><b>Sub<br>Lit</b></td>
<td class="celltl" width="50" align="center"><b>Del<br>Lit</b></td>
<td class="celltl" width="50" align="center"><b>View<br>Stats</b></td>
<td class="celltl" width="50" align="center"><b>Admin</b></td>
<td class="celltl" width="50" align="center"><b>Edit<br>User</b></td>
<td class="celltl cellr" width="50" align="center"><b>Del<br>User</b></td>
</tr>
<tr id="read_1" style="height:27px;">
<td class="celltl" align="left" id="userid_1">...loading...</td>
<td class="celltl" align="left" id="username_1">...loading...</td>
<td class="celltl" align="center" id="can_edit_samps_1"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_add_samps_1"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_sub_samps_1"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_del_samps_1"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_edit_lit_1"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_add_lit_1"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_sub_lit_1"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_del_lit_1"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_view_stats_1"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="is_admin_1"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center"><span style="cursor
ointer;" onClick="edit_it(1);"><img src="images/useredit.gif" style="width:20px;height:20px;border:0px;" alt="Edit"></span></td>
<td class="celltl cellr" align="center"><a href="javascript
:void();"><img src="images/delete.gif" style="width:20px;height:20px;border:0px;" alt="Delete"></a></td>
</tr>
<form name="user_form_1" action="" method="post">
Every other row in this table contains a form. 1 form per peson in the list. I cannot think of another way to have a form wrap around all of the cells in each row so I wrap the form around the whole row (tr). Each time the validator sees this i get 2 errors, one is "form cannot be used here" and the other is "tr cannot be used here". I have 7 users in this list, so this produces 14 errors...
<tr id="edit_1" style="height:27px;display:none;">
<td class="celltl" align="center"><input type="text" value="" style="width:140px;" id="userid_2_1"></td>
<td class="celltl" align="center"><input type="text" value="" style="width:140px;" id="username_2_1"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_edit_samps_2_1"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_add_samps_2_1"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_sub_samps_2_1"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_del_samps_2_1"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_edit_lit_2_1"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_add_lit_2_1"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_sub_lit_2_1"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_del_lit_2_1"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_view_stats_2_1"></td>
<td class="celltl" align="center"><input type="checkbox" id="is_admin_2_1"></td>
<td class="celltl" align="center"><span style="cursor
ointer;" onClick="save_it(1);"><img src="images/save.gif" style="width:20px;height:20px;border:0px;" alt="Save"></span></td>
<td class="celltl cellr" align="center"><a href="javascript
:void();"><img src="images/delete.gif" style="width:20px;height:20px;border:0px;" alt="Delete"></a></td>
</tr>
</form>
<tr id="read_2" style="height:27px;">
<td class="celltl" align="left" id="userid_2">...loading...</td>
<td class="celltl" align="left" id="username_2">...loading...</td>
<td class="celltl" align="center" id="can_edit_samps_2"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_add_samps_2"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_sub_samps_2"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_del_samps_2"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_edit_lit_2"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_add_lit_2"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_sub_lit_2"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_del_lit_2"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_view_stats_2"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="is_admin_2"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center"><span style="cursor
ointer;" onClick="edit_it(2);"><img src="images/useredit.gif" style="width:20px;height:20px;border:0px;" alt="Edit"></span></td>
<td class="celltl cellr" align="center"><a href="javascript
:void();"><img src="images/delete.gif" style="width:20px;height:20px;border:0px;" alt="Delete"></a></td>
</tr>
<form name="user_form_2" action="" method="post">
<tr id="edit_2" style="height:27px;display:none;">
<td class="celltl" align="center"><input type="text" value="" style="width:140px;" id="userid_2_2"></td>
<td class="celltl" align="center"><input type="text" value="" style="width:140px;" id="username_2_2"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_edit_samps_2_2"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_add_samps_2_2"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_sub_samps_2_2"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_del_samps_2_2"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_edit_lit_2_2"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_add_lit_2_2"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_sub_lit_2_2"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_del_lit_2_2"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_view_stats_2_2"></td>
<td class="celltl" align="center"><input type="checkbox" id="is_admin_2_2"></td>
<td class="celltl" align="center"><span style="cursor
ointer;" onClick="save_it(2);"><img src="images/save.gif" style="width:20px;height:20px;border:0px;" alt="Save"></span></td>
<td class="celltl cellr" align="center"><a href="javascript
:void();"><img src="images/delete.gif" style="width:20px;height:20px;border:0px;" alt="Delete"></a></td>
</tr>
</form>
<tr id="read_3" style="height:27px;">
<td class="celltl" align="left" id="userid_3">...loading...</td>
<td class="celltl" align="left" id="username_3">...loading...</td>
<td class="celltl" align="center" id="can_edit_samps_3"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_add_samps_3"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_sub_samps_3"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_del_samps_3"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_edit_lit_3"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_add_lit_3"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_sub_lit_3"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_del_lit_3"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_view_stats_3"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="is_admin_3"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center"><span style="cursor
ointer;" onClick="edit_it(3);"><img src="images/useredit.gif" style="width:20px;height:20px;border:0px;" alt="Edit"></span></td>
<td class="celltl cellr" align="center"><a href="javascript
:void();"><img src="images/delete.gif" style="width:20px;height:20px;border:0px;" alt="Delete"></a></td>
</tr>
<form name="user_form_3" action="" method="post">
<tr id="edit_3" style="height:27px;display:none;">
<td class="celltl" align="center"><input type="text" value="" style="width:140px;" id="userid_2_3"></td>
<td class="celltl" align="center"><input type="text" value="" style="width:140px;" id="username_2_3"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_edit_samps_2_3"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_add_samps_2_3"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_sub_samps_2_3"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_del_samps_2_3"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_edit_lit_2_3"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_add_lit_2_3"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_sub_lit_2_3"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_del_lit_2_3"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_view_stats_2_3"></td>
<td class="celltl" align="center"><input type="checkbox" id="is_admin_2_3"></td>
<td class="celltl" align="center"><span style="cursor
ointer;" onClick="save_it(3);"><img src="images/save.gif" style="width:20px;height:20px;border:0px;" alt="Save"></span></td>
<td class="celltl cellr" align="center"><a href="javascript
:void();"><img src="images/delete.gif" style="width:20px;height:20px;border:0px;" alt="Delete"></a></td>
</tr>
</form>
<tr id="read_4" style="height:27px;">
<td class="celltl" align="left" id="userid_4">...loading...</td>
<td class="celltl" align="left" id="username_4">...loading...</td>
<td class="celltl" align="center" id="can_edit_samps_4"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_add_samps_4"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_sub_samps_4"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_del_samps_4"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_edit_lit_4"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_add_lit_4"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_sub_lit_4"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_del_lit_4"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_view_stats_4"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="is_admin_4"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center"><span style="cursor
ointer;" onClick="edit_it(4);"><img src="images/useredit.gif" style="width:20px;height:20px;border:0px;" alt="Edit"></span></td>
<td class="celltl cellr" align="center"><a href="javascript
:void();"><img src="images/delete.gif" style="width:20px;height:20px;border:0px;" alt="Delete"></a></td>
</tr>
<form name="user_form_4" action="" method="post">
<tr id="edit_4" style="height:27px;display:none;">
<td class="celltl" align="center"><input type="text" value="" style="width:140px;" id="userid_2_4"></td>
<td class="celltl" align="center"><input type="text" value="" style="width:140px;" id="username_2_4"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_edit_samps_2_4"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_add_samps_2_4"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_sub_samps_2_4"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_del_samps_2_4"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_edit_lit_2_4"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_add_lit_2_4"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_sub_lit_2_4"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_del_lit_2_4"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_view_stats_2_4"></td>
<td class="celltl" align="center"><input type="checkbox" id="is_admin_2_4"></td>
<td class="celltl" align="center"><span style="cursor
ointer;" onClick="save_it(4);"><img src="images/save.gif" style="width:20px;height:20px;border:0px;" alt="Save"></span></td>
<td class="celltl cellr" align="center"><a href="javascript
:void();"><img src="images/delete.gif" style="width:20px;height:20px;border:0px;" alt="Delete"></a></td>
</tr>
</form>
<tr id="read_5" style="height:27px;">
<td class="celltl" align="left" id="userid_5">...loading...</td>
<td class="celltl" align="left" id="username_5">...loading...</td>
<td class="celltl" align="center" id="can_edit_samps_5"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_add_samps_5"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_sub_samps_5"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_del_samps_5"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_edit_lit_5"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_add_lit_5"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_sub_lit_5"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_del_lit_5"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_view_stats_5"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="is_admin_5"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center"><span style="cursor
ointer;" onClick="edit_it(5);"><img src="images/useredit.gif" style="width:20px;height:20px;border:0px;" alt="Edit"></span></td>
<td class="celltl cellr" align="center"><a href="javascript
:void();"><img src="images/delete.gif" style="width:20px;height:20px;border:0px;" alt="Delete"></a></td>
</tr>
<form name="user_form_5" action="" method="post">
<tr id="edit_5" style="height:27px;display:none;">
<td class="celltl" align="center"><input type="text" value="" style="width:140px;" id="userid_2_5"></td>
<td class="celltl" align="center"><input type="text" value="" style="width:140px;" id="username_2_5"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_edit_samps_2_5"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_add_samps_2_5"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_sub_samps_2_5"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_del_samps_2_5"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_edit_lit_2_5"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_add_lit_2_5"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_sub_lit_2_5"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_del_lit_2_5"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_view_stats_2_5"></td>
<td class="celltl" align="center"><input type="checkbox" id="is_admin_2_5"></td>
<td class="celltl" align="center"><span style="cursor
ointer;" onClick="save_it(5);"><img src="images/save.gif" style="width:20px;height:20px;border:0px;" alt="Save"></span></td>
<td class="celltl cellr" align="center"><a href="javascript
:void();"><img src="images/delete.gif" style="width:20px;height:20px;border:0px;" alt="Delete"></a></td>
</tr>
</form>
<tr id="read_6" style="height:27px;">
<td class="celltl" align="left" id="userid_6">...loading...</td>
<td class="celltl" align="left" id="username_6">...loading...</td>
<td class="celltl" align="center" id="can_edit_samps_6"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_add_samps_6"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_sub_samps_6"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_del_samps_6"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_edit_lit_6"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_add_lit_6"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_sub_lit_6"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_del_lit_6"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="can_view_stats_6"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center" id="is_admin_6"><img src="images/redx.gif" alt="no"></td>
<td class="celltl" align="center"><span style="cursor
ointer;" onClick="edit_it(6);"><img src="images/useredit.gif" style="width:20px;height:20px;border:0px;" alt="Edit"></span></td>
<td class="celltl cellr" align="center"><a href="javascript
:void();"><img src="images/delete.gif" style="width:20px;height:20px;border:0px;" alt="Delete"></a></td>
</tr>
<form name="user_form_6" action="" method="post">
<tr id="edit_6" style="height:27px;display:none;">
<td class="celltl" align="center"><input type="text" value="" style="width:140px;" id="userid_2_6"></td>
<td class="celltl" align="center"><input type="text" value="" style="width:140px;" id="username_2_6"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_edit_samps_2_6"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_add_samps_2_6"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_sub_samps_2_6"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_del_samps_2_6"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_edit_lit_2_6"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_add_lit_2_6"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_sub_lit_2_6"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_del_lit_2_6"></td>
<td class="celltl" align="center"><input type="checkbox" id="can_view_stats_2_6"></td>
<td class="celltl" align="center"><input type="checkbox" id="is_admin_2_6"></td>
<td class="celltl" align="center"><span style="cursor
ointer;" onClick="save_it(6);"><img src="images/save.gif" style="width:20px;height:20px;border:0px;" alt="Save"></span></td>
<td class="celltl cellr" align="center"><a href="javascript
:void();"><img src="images/delete.gif" style="width:20px;height:20px;border:0px;" alt="Delete"></a></td>
</tr>
</form>
<tr id="read_7" style="height:27px;">
<td class="celltl cellb" align="left" id="userid_7">...loading...</td>
<td class="celltl cellb" align="left" id="username_7">...loading...</td>
<td class="celltl cellb" align="center" id="can_edit_samps_7"><img src="images/redx.gif" alt="no"></td>
<td class="celltl cellb" align="center" id="can_add_samps_7"><img src="images/redx.gif" alt="no"></td>
<td class="celltl cellb" align="center" id="can_sub_samps_7"><img src="images/redx.gif" alt="no"></td>
<td class="celltl cellb" align="center" id="can_del_samps_7"><img src="images/redx.gif" alt="no"></td>
<td class="celltl cellb" align="center" id="can_edit_lit_7"><img src="images/redx.gif" alt="no"></td>
<td class="celltl cellb" align="center" id="can_add_lit_7"><img src="images/redx.gif" alt="no"></td>
<td class="celltl cellb" align="center" id="can_sub_lit_7"><img src="images/redx.gif" alt="no"></td>
<td class="celltl cellb" align="center" id="can_del_lit_7"><img src="images/redx.gif" alt="no"></td>
<td class="celltl cellb" align="center" id="can_view_stats_7"><img src="images/redx.gif" alt="no"></td>
<td class="celltl cellb" align="center" id="is_admin_7"><img src="images/redx.gif" alt="no"></td>
<td class="celltl cellb" align="center"><span style="cursor
ointer;" onClick="edit_it(7);"><img src="images/useredit.gif" style="width:20px;height:20px;border:0px;" alt="Edit"></span></td>
<td class="celltl cellr cellb" align="center"><a href="javascript
:void();"><img src="images/delete.gif" style="width:20px;height:20px;border:0px;" alt="Delete"></a></td>
</tr>
<form name="user_form_7" action="" method="post">
<tr id="edit_7" style="height:27px;display:none;">
<td class="celltl cellb" align="center"><input type="text" value="" style="width:140px;" id="userid_2_7"></td>
<td class="celltl cellb" align="center"><input type="text" value="" style="width:140px;" id="username_2_7"></td>
<td class="celltl cellb" align="center"><input type="checkbox" id="can_edit_samps_2_7"></td>
<td class="celltl cellb" align="center"><input type="checkbox" id="can_add_samps_2_7"></td>
<td class="celltl cellb" align="center"><input type="checkbox" id="can_sub_samps_2_7"></td>
<td class="celltl cellb" align="center"><input type="checkbox" id="can_del_samps_2_7"></td>
<td class="celltl cellb" align="center"><input type="checkbox" id="can_edit_lit_2_7"></td>
<td class="celltl cellb" align="center"><input type="checkbox" id="can_add_lit_2_7"></td>
<td class="celltl cellb" align="center"><input type="checkbox" id="can_sub_lit_2_7"></td>
<td class="celltl cellb" align="center"><input type="checkbox" id="can_del_lit_2_7"></td>
<td class="celltl cellb" align="center"><input type="checkbox" id="can_view_stats_2_7"></td>
<td class="celltl cellb" align="center"><input type="checkbox" id="is_admin_2_7"></td>
<td class="celltl cellb" align="center"><span style="cursor
ointer;" onClick="save_it(7);"><img src="images/save.gif" style="width:20px;height:20px;border:0px;" alt="Save"></span></td>
<td class="celltl cellr cellb" align="center"><a href="javascript
:void();"><img src="images/delete.gif" style="width:20px;height:20px;border:0px;" alt="Delete"></a></td>
</tr>
</form>
</table>
</td><td class="boxr"></td></tr>
<tr><td class="boxbl"></td><td class="boxb"></td><td class="boxbr"></td></tr>
</table>
<br>
<table class="box" width="947" cellpadding="0" cellspacing="0">
<tr><td class="boxtl"></td><td class="box1"><b class="font2" style="background-color:inherit;color:#ffffff;"> Controls </b></td><td class="boxtr"></td></tr>
<tr><td class="boxl"></td><td align="center" class="font2 boxcont">
<table border="0">
<tr>
<td><img src="images/useradd.gif" style="width:20px;height:20px;" alt="Add User"></td><td><span onClick="" style="cursor
ointer;">Add New User</span></td>
<td width="20"></td>
<td><img src="images/user.gif" style="width:20px;height:20px;" alt="Add User"></td><td><span onClick="load_it()" style="cursor
ointer;">Refresh List</span></td>
</tr>
</table>
</td><td class="boxr"></td></tr>
<tr><td class="boxbl"></td><td class="boxb"></td><td class="boxbr"></td></tr>
</table>
</td></tr></table>
<br><br>
<table bgcolor="#ffd016" style="width:1000px;height:20px;border:0px;"><tr>< td></td></tr></table>
<table width="1000" border="0"><tr><td align="center">
<span><a href="http://validator.w3.org/check?uri=referer"><img src="images/html.jpg" alt="Valid HTML 4.01 Transitional" border="0"></a></span> <span><a href="http://jigsaw.w3.org/css-validator/check/referer"><img src="images/css.jpg" alt="Valid CSS!" border="0"></a></span>
</td></tr></table>
<div id="saveballoon" style="position:absolute;top:0px;left:0px;width:12 5px;height:30px;z-index:100;display:none;filter
rogid
XImageTransf orm.Microsoft.Shadow(color='#555555', Direction=145, Strength=4)">
<div style="position:relative;top:-1px;">
<table border="0" cellpadding="0" cellspacing="0" width="125">
<tr><td style="width:3px;height:3px;background-image:url(images/balloon-edge-tl.gif);"></td><td style="border-top:1px solid #000000;background-color:#ffffe1;color:inherit;"><img src="images/spacer.gif" alt=""></td><td style="width:3px;height:3px;background-image:url(images/balloon-edge-tr.gif);"></td></tr>
<tr><td style="border-left:1px solid #000000;background-color:#ffffe1;color:inherit;"><img src="images/spacer.gif" alt=""></td>
<td align="center" valign="middle" height="30" style="background-color:#ffffe1;color:inherit;">
<table border="0" cellpadding="0" cellspacing="0">
<tr><td><img src="images/saving.gif" style="width:20px;height:20px;" alt="Saving..."></td><td> Saving...</td></tr>
</table>
</td>
<td style="border-right:1px solid #000000;background-color:#ffffe1;color:inherit;"><img src="images/spacer.gif" alt=""></td></tr>
<tr><td style="width:3px;height:3px;background-image:url(images/balloon-edge-bl.gif);"></td><td style="border-bottom:1px solid #000000;background-color:#ffffe1;color:inherit;"><img src="images/spacer.gif" alt=""></td><td style="width:3px;height:3px;background-image:url(images/balloon-edge-br.gif);"></td></tr>
</table>
</div>
</div>
<div id="loadballoon" style="position:absolute;top:0px;left:0px;width:12 5px;height:30px;z-index:100;filter
rogid
XImageTransform.Microsoft .Shadow(color='#555555', Direction=145, Strength=4)">
<div style="position:relative;top:-1px;">
<table border="0" cellpadding="0" cellspacing="0" width="125">
<tr><td style="width:3px;height:3px;background-image:url(images/balloon-edge-tl.gif);"></td><td style="border-top:1px solid #000000;background-color:#ffffe1;color:inherit;"><img src="images/spacer.gif" alt=""></td><td style="width:3px;height:3px;background-image:url(images/balloon-edge-tr.gif);"></td></tr>
<tr><td style="border-left:1px solid #000000;background-color:#ffffe1;color:inherit;"><img src="images/spacer.gif" alt=""></td>
<td align="center" valign="middle" height="30" style="background-color:#ffffe1;color:inherit;" id="loadballoontxt">
<table border="0" cellpadding="0" cellspacing="0">
<tr><td><img src="images/saving.gif" style="width:20px;height:20px;" alt="Loading..."></td><td> Loading...</td></tr>
</table>
This part does not produce any errors. This is just to show you where up at the top where I 'inject' this code back to here after AJAX changes it. Its the exact same code, but only the section marked in red up top errors... weird...
</td>
<td style="border-right:1px solid #000000;background-color:#ffffe1;color:inherit;"><img src="images/spacer.gif" alt=""></td></tr>
<tr><td style="width:3px;height:3px;background-image:url(images/balloon-edge-bl.gif);"></td><td style="border-bottom:1px solid #000000;background-color:#ffffe1;color:inherit;"><img src="images/spacer.gif" alt=""></td><td style="width:3px;height:3px;background-image:url(images/balloon-edge-br.gif);"></td></tr>
</table>
</div>
</div>
<script type="text/javascript">
function setballoonpos() {
document.getElementById("saveballoon").style.top=( ((posBottom()-posTop())/2)-(document.getElementById("saveballoon").style.heig ht.replace("px","")/2)+posTop())+"px";
document.getElementById("saveballoon").style.left= (((posRight()-posLeft())/2)-(document.getElementById("saveballoon").style.widt h.replace("px","")/2)+posLeft())+"px";
document.getElementById("loadballoon").style.top=( ((posBottom()-posTop())/2)-(document.getElementById("loadballoon").style.heig ht.replace("px","")/2)+posTop())+"px";
document.getElementById("loadballoon").style.left= (((posRight()-posLeft())/2)-(document.getElementById("loadballoon").style.widt h.replace("px","")/2)+posLeft())+"px";
}
setballoonpos();
</script>
</body>
</html>
----------------------------------------------------
If anyone at all can help me with this situation, please do so asap.
Maybe I should restructure my DOM usage and use appendChild instead of innerHTML ?
How can I manage to have each user in a seperate form (name="user_forum_userid#") and still have compilant code?
Thanks in advace for your help!
Register Now for FREE!
Linear Mode
