I have written a network management app that uses several tables to
layout a list of database records. The list is paged ( <<prev 1 2 3
next>>) and moving between pages causes changes in the layout. In fact,
reloading a locally saved copy of it multiple times exhibits the same
behavior. Notice the "Active Cases" scoreboard at the top. Reloading
makes it change its width/height.
--Brant
Here is the page
------[snip]-------
<html>
<head>
<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
<title>Search Results</title>
<script language="JavaScript" src="scripts/open_help.js"></script>
<script language="JavaScript">
function toggleTopX() {
if (document.result_form.show_top.checked) {
document.result_form.top_x_display.value = 1;
}
else {
document.result_form.top_x_display.value = 0;
}
document.result_form.action="search.php3?offset=15&top_x_display=1&active_only=1&sort_order=desc&sort_column=last_update";
document.result_form.submit();
}
function toggleActive() {
if (document.result_form.show_active_only.checked) {
document.result_form.active_only.value = 1;
}
else {
document.result_form.active_only.value = 0;
}
document.result_form.action="search.php3";
document.result_form.submit();
}
function multiCase() {
var cnt = 0;
if
(document.result_form.multi_case[document.result_form.multi_case.selectedInde
x].text == '') { alert("Please select a Multi-case function."); return; }
for (var i = 0; i < document.result_form.elements.length; i++) {
if (document.result_form.elements[i].type == 'checkbox' &&
document.result_form.elements[i].name == 'multi_check[]' &&
document.result_form.elements[i].checked == true) {
cnt++;
}
}
if (cnt == 0) {
alert("No active cases checked for Multi-case.");
return;
}
else {
document.result_form.action="multi_case.php3";
document.result_form.submit();
}
}
</script>
</head>
<body bgcolor="#ffffff" link="#0000ff" alink="#ff0000" vlink="#0000ff">
<table width="90%" border="0">
<tr>
<td valign="top"><table border="0">
<tr>
<td><font face="arial,helvetica" size="5"><b>Search Results</b></font></td>
</tr>
<tr>
<td><font face="arial,helvetica" size="1">Thursday, 11 Jan 2001
20:54</font></td>
</tr>
</table></td>
<td valign="top" align="right"><table border="1"><tr bgcolor="#c0c0c0">
<td> </td>
<td width="20%" align="center"><font face="arial,helvetica" size="3"><a
href=search.php3?priority=1><b>1 - High</b></a></font></td>
<td width="20%" align="center"><font face="arial,helvetica" size="3"><a
href=search.php3?priority=2><b>2 - Medium</b></a></font></td>
<td width="20%" align="center"><font face="arial,helvetica" size="3"><a
href=search.php3?priority=3><b>3 - Low</b></a></font></td>
<td width="20%" align="center"><font face="arial,helvetica" size="3"><a
href=search.php3?priority=4><b>4 - Info</b></a></font></td>
</tr><tr align="center"><td bgcolor="#c0c0c0"><font
face="arial,helvetica" size="3"><b>Active Cases</b></font></td>
<td bgcolor="#ff0000"><font face="arial,helvetica" size="3"
align="center"><b>8</b></font></td>
<td bgcolor="#c0c0c0"><font face="arial,helvetica" size="3"
align="center"><b> </b></font></td>
<td bgcolor="#ffff00"><font face="arial,helvetica" size="3"
align="center"><b>22</b></font></td>
<td bgcolor="#c0c0c0"><font face="arial,helvetica" size="3"
align="center"><b> </b></font></td>
</tr></table>
</td>
</td>
</tr>
</table>
<p>
<center><p> </center><p> <font face="arial,helvetica" size="1">Displaying
records with: Status: <font face="arial,helvetica"
color="blue">Open</font></font><p><font face="arial,helvetica"><b>Page:</b>
[<a
href="search.php3?offset=10&top_x_display=1&active_only=1&sort_order=desc&sor
t_column=last_update"><<Prev</a>] <a
href="search.php3?offset=0&top_x_display=1&active_only=1&sort_order=desc&sort
_column=last_update">1</a> <a
href="search.php3?offset=5&top_x_display=1&active_only=1&sort_order=desc&sort
_column=last_update">2</a> <a
href="search.php3?offset=10&top_x_display=1&active_only=1&sort_order=desc&sor
t_column=last_update">3</a> <b>4</b> <a
href="search.php3?offset=20&top_x_display=1&active_only=1&sort_order=desc&sor
t_column=last_update">5</a> <a
href="search.php3?offset=25&top_x_display=1&active_only=1&sort_order=desc&sor
t_column=last_update">6</a> [<a
href="search.php3?offset=20&top_x_display=1&active_only=1&sort_order=desc&sor
t_column=last_update">Next >></a>] </font> <p> <font
face="arial,helvetica"> <form name="result_form" method="post"> <input
type="hidden" name="top_x_display" value="1"> <input type="hidden"
name="active_only" value="1"> <input type="hidden" name="ticket_num"
value=""> <input type="hidden" name="hostname" value=""> <input type="hidden"
name="blank_hostname" value=""> <input type="hidden" name="description"
value=""> <input type="hidden" name="text" value=""> <input type="hidden"
name="date_type" value=""> <input type="hidden" name="from_date" value="">
<input type="hidden" name="from_month" value=""> <input type="hidden"
name="from_year" value=""> <input type="hidden" name="to_date" value="">
<input type="hidden" name="to_month" value=""> <input type="hidden"
name="to_year" value=""> <input type="hidden" name="date_type" value="">
<input type="hidden" name="last_num" value=""> <input type="hidden"
name="num_type" value=""> <input type="hidden" name="sort_order"
value="desc"> <input type="hidden" name="sort_column" value="last_update">
<table width="100%" border="0"> <tr bgcolor="#3366cc"><td colspan="9"> <table
width="100%" border="0" cellpadding="0" cellspacing="0"><tr
bgcolor="#3366cc"><td><font face="arial,helvetica" size="+1"
color="#ffffff"> <b>Top 5 Cases</font></b></td><td
width="15%"><input type="checkbox" name="show_top" CHECKED
onClick="toggleTopX();"><font face="arial,helvetica" color="#ffffff"
size="-1"> Show Top 5</font></td></tr></table> </td></tr> <tr
bgcolor="#c0c0c0"><td align="center" colspan="2"><font face="arial,helvetica"
size="2"><b>Tools</b></font></td><td align="center" nowrap><font
face="arial,helvetica" size="2"><b>Case</b></font> </td><td
align="center" nowrap><font face="arial,helvetica"
size="2"><b>Node</b></font> </td><td align="center" nowrap><font
face="arial,helvetica" size="2"><b>Case Description</b></font> </td><td
align="center" nowrap><font face="arial,helvetica"
size="2"><b>Priority</b></font> </td><td align="center" nowrap><font
face="arial,helvetica" size="2"><b>Status</b></font> </td><td
align="center" nowrap><font face="arial,helvetica" size="2"><b>Last Update
(user)</b></font> </td><td align="center" nowrap><font
face="arial,helvetica" size="2"><b>Assigned</b></font> </td></tr> <tr
bgcolor="#ffcccc"><td colspan="2"><a
href="tools_detail.php3?hostname=testWen"><img src="icon/tool.png" width="15"
height="14" alt="Tools" border="0"></a> </td><td align="center"><a
href="case_detail.php3?ticket_num=102"><font face="arial,helvetica"
size="">00102</font></a></td><td><font face="arial,helvetica"
size="3">testWen</font> </td><td><font face="arial,helvetica"
size="3">for testing </font></td><td><font face="arial,helvetica"
size="3"> 1 - High</font></td><td><font face="arial,helvetica"
size="3">New</font></td><td><font face="arial,helvetica" size="3">07 Dec 2000
12:56:07 (sampson)</font></td><td><font face="arial,helvetica" size="3">
</font></td></tr> <tr bgcolor="#ffcccc"><td colspan="2"><a
href="tools_detail.php3?hostname=test7"><img src="icon/tool.png" width="15"
height="14" alt="Tools" border="0"></a> </td><td align="center"><a
href="case_detail.php3?ticket_num=103"><font face="arial,helvetica"
size="">00103</font></a></td><td><font face="arial,helvetica"
size="3">test7</font> </td><td><font face="arial,helvetica" size="3">for
testing win </font></td><td><font face="arial,helvetica" size="3"> 1 -
High</font></td><td><font face="arial,helvetica"
size="3">New</font></td><td><font face="arial,helvetica" size="3">07 Dec 2000
13:37:46 (sampson)</font></td><td><font face="arial,helvetica" size="3">
</font></td></tr> <tr bgcolor="#ffcccc"><td colspan="2"><a
href="tools_detail.php3?hostname=test7"><img src="icon/tool.png" width="15"
height="14" alt="Tools" border="0"></a> </td><td align="center"><a
href="case_detail.php3?ticket_num=105"><font face="arial,helvetica"
size="">00105</font></a></td><td><font face="arial,helvetica"
size="3">test7</font> </td><td><font face="arial,helvetica"
size="3">fortest </font></td><td><font face="arial,helvetica" size="3">
1 - High</font></td><td><font face="arial,helvetica"
size="3">New</font></td><td><font face="arial,helvetica" size="3">07 Dec 2000
14:13:35 (sampson)</font></td><td><font face="arial,helvetica" size="3">
</font></td></tr> <tr bgcolor="#ffcccc"><td colspan="2"><a
href="tools_detail.php3?hostname=test7"><img src="icon/tool.png" width="15"
height="14" alt="Tools" border="0"></a> </td><td align="center"><a
href="case_detail.php3?ticket_num=121"><font face="arial,helvetica"
size="">00121</font></a></td><td><font face="arial,helvetica"
size="3">test7</font> </td><td><font face="arial,helvetica" size="3">for
testing </font></td><td><font face="arial,helvetica" size="3"> 1 -
High</font></td><td><font face="arial,helvetica"
size="3">New</font></td><td><font face="arial,helvetica" size="3">08 Dec 2000
09:53:35 (sampson)</font></td><td><font face="arial,helvetica" size="3">
</font></td></tr> <tr bgcolor="#ffcccc"><td colspan="2"><a
href="tools_detail.php3?hostname=test7"><img src="icon/tool.png" width="15"
height="14" alt="Tools" border="0"></a> </td><td align="center"><a
href="case_detail.php3?ticket_num=124"><font face="arial,helvetica"
size="">00124</font></a></td><td><font face="arial,helvetica"
size="3">test7</font> </td><td><font face="arial,helvetica" size="3">for
testing </font></td><td><font face="arial,helvetica" size="3"> 1 -
High</font></td><td><font face="arial,helvetica"
size="3">New</font></td><td><font face="arial,helvetica" size="3">08 Dec 2000
11:27:58 (sampson)</font></td><td><font face="arial,helvetica" size="3">
</font></td></tr> <tr><td></td></tr> <tr bgcolor="#3366cc"> <td
colspan="9"> <table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr bgcolor="#3366cc"> <td><font face="arial,helvetica" color="#ffffff"
size="+1"> <b>Case Browse</b> -- records 16-20 of 30</font></td>
<td><font face="arial,helvetica" color="#ffffff"
size="-1">Multi-case</font> <font size="-1"> <select name="multi_case">
<option value=""></option> <option value="update">Update</option> <option
value="close">Close</option> </select> <input type="button" value="Go!"
onClick="multiCase(); return true;"></font></td> <td width="15%"><input
type="checkbox" name="show_active_only"CHECKED
onClick="toggleActive();"><font face="arial,helvetica" color="#ffffff"
size="-1"> Active Only</font></td> </tr> </table> <tr
bgcolor="#c0c0c0"><td align="center" colspan="2"><font face="arial,helvetica"
size="2"><b>Tools</b></font></td><td align="center" nowrap><font
face="arial,helvetica" size="2"><b>Case</b></font> <a
href="search.php3?active_only=1&sort_column=ticket_num&sort_order=desc"><img
src="icon/sort_gray_up.png" align="baseline" alt="sort column"
border="0"></a></td><td align="center" nowrap><font face="arial,helvetica"
size="2"><b>Node</b></font> <a
href="search.php3?active_only=1&sort_column=hostname&sort_order=desc"><img
src="icon/sort_gray_up.png" align="baseline" alt="sort column"
border="0"></a></td><td align="center" nowrap><font face="arial,helvetica"
size="2"><b>Case Description</b></font> <a
href="search.php3?active_only=1&sort_column=description&sort_order=desc"><img
src="icon/sort_gray_up.png" align="baseline" alt="sort column"
border="0"></a></td><td align="center" nowrap><font face="arial,helvetica"
size="2"><b>Priority</b></font> <a
href="search.php3?active_only=1&sort_column=priority&sort_order=desc"><img
src="icon/sort_gray_up.png" align="baseline" alt="sort column"
border="0"></a></td><td align="center" nowrap><font face="arial,helvetica"
size="2"><b>Status</b></font> <a
href="search.php3?active_only=1&sort_column=status&sort_order=desc"><img
src="icon/sort_gray_up.png" align="baseline" alt="sort column"
border="0"></a></td><td align="center" nowrap><font face="arial,helvetica"
size="2"><b>Last Update (user)</b></font> <a
href="search.php3?active_only=1&sort_column=last_update&sort_order=asc"><img
src="icon/sort_up.png" align="baseline" alt="sort ascending"
border="0"></a></td></td><td align="center" nowrap><font
face="arial,helvetica" size="2"><b>Assigned</b></font> <a
href="search.php3?active_only=1&sort_column=assigned&sort_order=desc"><img
src="icon/sort_gray_up.png" align="baseline" alt="sort column"
border="0"></a></td><tr><td><a
href="tools_detail.php3?hostname=ColumbiaSampson"><img src="icon/tool.png"
width="15" height="14" alt="Tools" border="0"></a> </td><td><input
type="checkbox" name="multi_check[]" value="8"></td><td align="center"><a
href="case_detail.php3?ticket_num=8"><font face="arial,helvetica"
size="3">00008</font></a></td><td><font face="arial,helvetica"
size="3">ColumbiaSampson</font> </td><td><font face="arial,helvetica"
size="3">AutoTicket </font></td><td><font face="arial,helvetica"
size="3">3 - Low</font></td><td><font face="arial,helvetica"
size="3">Complete</font></td><td><font face="arial,helvetica" size="3">04 Jan
2001 14:51:42 (sampson)</font></td><td><font face="arial,helvetica" size="3">
</font></td></tr> <tr><td><a
href="tools_detail.php3?hostname=OswegoSampson"><img src="icon/tool.png"
width="15" height="14" alt="Tools" border="0"></a> </td><td><input
type="checkbox" name="multi_check[]" value="11"></td><td align="center"><a
href="case_detail.php3?ticket_num=11"><font face="arial,helvetica"
size="3">00011</font></a></td><td><font face="arial,helvetica"
size="3">OswegoSampson</font> </td><td><font face="arial,helvetica"
size="3">AutoTicket </font></td><td><font face="arial,helvetica"
size="3">3 - Low</font></td><td><font face="arial,helvetica"
size="3">Complete</font></td><td><font face="arial,helvetica" size="3">04 Jan
2001 14:51:41 (sampson)</font></td><td><font face="arial,helvetica" size="3">
</font></td></tr> <tr><td><a
href="tools_detail.php3?hostname=JaesonRR"><img src="icon/tool.png"
width="15" height="14" alt="Tools" border="0"></a> </td><td><input
type="checkbox" name="multi_check[]" value="19"></td><td align="center"><a
href="case_detail.php3?ticket_num=19"><font face="arial,helvetica"
size="3">00019</font></a></td><td><font face="arial,helvetica"
size="3">JaesonRR</font> </td><td><font face="arial,helvetica"
size="3">AutoTicket </font></td><td><font face="arial,helvetica"
size="3">3 - Low</font></td><td><font face="arial,helvetica"
size="3">Complete</font></td><td><font face="arial,helvetica" size="3">04 Jan
2001 14:51:37 (sampson)</font></td><td><font face="arial,helvetica" size="3">
</font></td></tr> <tr><td><a
href="tools_detail.php3?hostname=USADatanetSampson"><img src="icon/tool.png"
width="15" height="14" alt="Tools" border="0"></a> </td><td><input
type="checkbox" name="multi_check[]" value="127"></td><td align="center"><a
href="case_detail.php3?ticket_num=127"><font face="arial,helvetica"
size="3">00127</font></a></td><td><font face="arial,helvetica"
size="3">USADatanetSampson</font> </td><td><font face="arial,helvetica"
size="3">AutoTicket </font></td><td><font face="arial,helvetica"
size="3">3 - Low</font></td><td><font face="arial,helvetica"
size="3">Complete</font></td><td><font face="arial,helvetica" size="3">03 Jan
2001 01:46:34 (sampson)</font></td><td><font face="arial,helvetica" size="3">
</font></td></tr> <tr><td><a
href="tools_detail.php3?hostname=MikeFW"><img src="icon/tool.png" width="15"
height="14" alt="Tools" border="0"></a> </td><td><input type="checkbox"
name="multi_check[]" value="16"></td><td align="center"><a
href="case_detail.php3?ticket_num=16"><font face="arial,helvetica"
size="3">00016</font></a></td><td><font face="arial,helvetica"
size="3">MikeFW</font> </td><td><font face="arial,helvetica"
size="3">AutoTicket </font></td><td><font face="arial,helvetica"
size="3">3 - Low</font></td><td><font face="arial,helvetica"
size="3">Complete</font></td><td><font face="arial,helvetica" size="3">02 Jan
2001 00:56:49 (sampson)</font></td><td><font face="arial,helvetica" size="3">
</font></td></tr> </table> </form> <p><font
face="arial,helvetica"><b>Page:</b> [<a
href="search.php3?offset=10&top_x_display=1&active_only=1&sort_order=desc&sor
t_column=last_update"><<Prev</a>] <a
href="search.php3?offset=0&top_x_display=1&active_only=1&sort_order=desc&sort
_column=last_update">1</a> <a
href="search.php3?offset=5&top_x_display=1&active_only=1&sort_order=desc&sort
_column=last_update">2</a> <a
href="search.php3?offset=10&top_x_display=1&active_only=1&sort_order=desc&sor
t_column=last_update">3</a> <b>4</b> <a
href="search.php3?offset=20&top_x_display=1&active_only=1&sort_order=desc&sor
t_column=last_update">5</a> <a
href="search.php3?offset=25&top_x_display=1&active_only=1&sort_order=desc&sor
t_column=last_update">6</a> [<a
href="search.php3?offset=20&top_x_display=1&active_only=1&sort_order=desc&sor
t_column=last_update">Next >></a>] </font>
</font><p>
<p>
<table width="100%" cellspacing="0" border="0">
<tr bgcolor="#3366cc">
<td><font face="arial,helvetica"
color="#ffffff" size="1"><b> Sampson v.
1.3.0 © 1999-2000, The Shoreline Group, LLC<b></font></td>
<td align="right"><a
href="javascript:openHelp()"><img src="icon/help.png" width="50"
height="20" onClick="openHelp();" border="0"></a><a
href="contact.php3"><img src="icon/contact.png" width="80" height="20"
border="0"></a></td> </tr></table>
</body>
</html>
Sent via Deja.com
http://www.deja.com/
