Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Wanet Telecoms Ltd on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Firefox scrollLeft function

Status
Not open for further replies.

tmcneil

Technical User
Nov 17, 2000
294
US
I'm trying to get a simple scrollLeft to occur on a scrolltable depending upon which tab element is clicked. It works fine in IE, but I'd like to get it working in FF.

Code:
function TabClick(srcElement)
{
	if (srcElement.id == "tdUser")
	{
		if (srcElement.className != "dlgseltab")
		{
			document.forms[0].tab.value  = "User";
			document.getElementById('tdUser').className  = "dlgseltab";
			document.getElementById('tdContact').className = "dlgtab";
			document.getElementById('User').style.display  = "";
			document.getElementById('Contact').style.display = "none";
			elem = document.getElementById('col2');
			list = document.getElementById('sUserTable');
			x = elem.offsetLeft;
			list.scrollLeft = 0;
		}
	}
	else if (srcElement.id == "tdContact")
	{
		if (srcElement.className != "dlgseltab")
		{
			document.forms[0].tab.value  = "Contact";		
			document.getElementById('tdUser').className = "dlgtab";
			document.getElementById('tdContact').className = "dlgseltab";
			document.getElementById('User').style.display  = "none";
			document.getElementById('Contact').style.display = "";
			elem = document.getElementById('col6');
			list = document.getElementById('sUserTable');
			x = elem.offsetLeft;
			alert("x: " + x);  //467px
			list.scrollLeft = x;
		}
	}
	return false;
}

It should be rather easy to fix, but are there any ideas on what needs to be done?

Todd
 
It may well be that some of the properties you are using (scrollLeft, for example) are proprietary to Microsoft, and thus IE, or, it could be your HTML.

Can you post the HTML to go with this (even a cut-down test harness), or a URL to it?

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
To my knowledge scrollLeft and offsetLeft are both valid properties for FF... so it's probably going to be better to post a link to a harness or the actual page you are coding.

Cheers,
Jeff

[tt]Jeff's Page [/tt][tt]@[/tt][tt] Code Couch
[/tt]

What is Javascript? faq216-6094
 
Here is most of the page, expect for a few lines in the header.

Code:
<style>
    body { overflow: hidden; margin: 0 }
</style>
<body bgcolor="#D6CFBD" onload="OnLoadPage();" onresize="resize();" leftmargin=0 topmargin=0>
<form action="userPg.asp" method="post" target="_self" style="margin: 0px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="4" colspan="1"><img src="images/space.gif" height="2" width="1"></td>
<td>
<%
    Set cn = GetDBConnection()
    Set SQLStmt1 = Server.CreateObject("ADODB.Command")
    Set RS1  = Server.CreateObject("ADODB.Recordset")	
    SQLStmt1.CommandText = "SELECT count(*) AS numitems FROM USERS "
    SQLStmt1.CommandType = 1
    Set SQLStmt1.ActiveConnection = cn
    RS1.Open SQLStmt1 
%>
<div class="scrollTable" id="scrollUserTable" style="overflow: auto; height: 200; width: 1015;">
<span class="scrollTableHead">
    <table width="100%" cellspacing="0" frame="border">
        <tr>
            <td id="col2" onClick="SortbyClick(this);" title="Sort by: Username" align="center" valign="middle" class="heading" width="100" nowrap>
                <nobr>&nbsp;Username<img src="images/space.gif" width="1" height="1">
<%          If sortby = 2 Then %>
                <img src="images/uptic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          ElseIf sortby = -2 Then %>
                <img src="images/dwtic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          Else %>
                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          End If %>
                </nobr>
            </td>
            <td id="col3" onClick="SortbyClick(this);" title="Sort by: Last Name" align="center" valign="middle" class="heading" width="100" nowrap>
                <nobr>&nbsp;Last Name<img src="images/space.gif" width="1" height="1">
<%          If sortby = 3 Then %>
                <img src="images/uptic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          ElseIf sortby = -3 Then %>
                <img src="images/dwtic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          Else %>
                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          End If %>
                </nobr>
            </td>
            <td id="col4" onClick="SortbyClick(this);" title="Sort by: First Name" align="center" valign="middle" class="heading" width="100" nowrap>
                <nobr>&nbsp;First Name<img src="images/space.gif" width="1" height="1">
<%          If sortby = 4 Then %>
                <img src="images/uptic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          ElseIf sortby = -4 Then %>
                <img src="images/dwtic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          Else %>
                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          End If %>
                </nobr>
            </td>
            <td id="col5" onClick="SortbyClick(this);" title="Sort by: Title" align="center" valign="middle" class="heading" width="150" nowrap>
                <nobr>&nbsp;Title<img src="images/space.gif" width="1" height="1">
<%          If sortby = 5 Then %>
                <img src="images/uptic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          ElseIf sortby = -5 Then %>
                <img src="images/dwtic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          Else %>
                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          End If %>
                </nobr>
            </td>
            <td id="col6" onClick="SortbyClick(this);" title="Sort by: Address" align="center" valign="middle" class="heading" width="200" nowrap>
                <nobr>&nbsp;Address<img src="images/space.gif" width="1" height="1">
<%          If sortby = 6 Then %>
                <img src="images/uptic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          ElseIf sortby = -6 Then %>
                <img src="images/dwtic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          Else %>
                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          End If %>
                </nobr>
            </td>
            <td id="col7" onClick="SortbyClick(this);" title="Sort by: City" align="center" valign="middle" class="heading" width="100" nowrap>
                <nobr>&nbsp;City<img src="images/space.gif" width="1" height="1">
<%          If sortby = 7 Then %>
                <img src="images/uptic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          ElseIf sortby = -7 Then %>
                <img src="images/dwtic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          Else %>
                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          End If %>
                </nobr>
            </td>
            <td id="col8" onClick="SortbyClick(this);" title="Sort by: State" align="center" valign="middle" class="heading" width="50" nowrap>
                <nobr>&nbsp;State<img src="images/space.gif" width="1" height="1">
<%          If sortby = 8 Then %>
                <img src="images/uptic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          ElseIf sortby = -8 Then %>
                <img src="images/dwtic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          Else %>
                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          End If %>
                </nobr>
            </td>
            <td id="col9" onClick="SortbyClick(this);" title="Sort by: Zip" align="center" valign="middle" class="heading" width="75" nowrap>
                <nobr>&nbsp;Zip<img src="images/space.gif" width="1" height="1">
<%          If sortby = 9 Then %>
                <img src="images/uptic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          ElseIf sortby = -9 Then %>
                <img src="images/dwtic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          Else %>
                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          End If %>
                </nobr>
            </td>
            <td id="col10" onClick="SortbyClick(this);" title="Sort by: Terminal ID" align="center" valign="middle" class="heading" width="90" nowrap>
                <nobr>&nbsp;Terminal ID<img src="images/space.gif" width="1" height="1">
<%          If sortby = 10 Then %>
                <img src="images/uptic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          ElseIf sortby = -10 Then %>
                <img src="images/dwtic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          Else %>
                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          End If %>
                </nobr>
            </td>
            <td id="col11" onClick="SortbyClick(this);" title="Sort by: Agency" align="center" valign="middle" class="heading" width="75" nowrap>
                <nobr>&nbsp;Agency<img src="images/space.gif" width="1" height="1">
<%          If sortby = 11 Then %>
                <img src="images/uptic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          ElseIf sortby = -11 Then %>
                <img src="images/dwtic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          Else %>
                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          End If %>
                </nobr>
            </td>
            <td id="col12" onClick="SortbyClick(this);" title="Sort by: Phone" align="center" valign="middle" class="heading" width="100" nowrap>
                <nobr>&nbsp;Phone #<img src="images/space.gif" width="1" height="1">
<%          If sortby = 12 Then %>
                <img src="images/uptic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          ElseIf sortby = -12 Then %>
                <img src="images/dwtic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          Else %>
                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          End If %>
                </nobr>
            </td>
            <td id="col13" onClick="SortbyClick(this);" title="Sort by: FAX" align="center" valign="middle" class="heading" width="100" nowrap>
                <nobr>&nbsp;Fax<img src="images/space.gif" width="15" height="1">
<%          If sortby = 13 Then %>
                <img src="images/uptic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          ElseIf sortby = -13 Then %>
                <img src="images/dwtic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          Else %>
                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          End If %>
                </nobr>
            </td>
            <td id="col14" onClick="SortbyClick(this);" title="Sort by: Mobile" align="center" valign="middle" class="heading" width="100" nowrap>
                <nobr>&nbsp;Mobile<img src="images/space.gif" width="1" height="1">
<%          If sortby = 14 Then %>
                <img src="images/uptic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          ElseIf sortby = -14 Then %>
                <img src="images/dwtic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          Else %>
                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          End If %>
                </nobr>
            </td>
            <td id="col15" onClick="SortbyClick(this);" title="Sort by: Pager" align="center" valign="middle" class="heading" width="100" nowrap>
                <nobr>&nbsp;Pager<img src="images/space.gif" width="1" height="1">
<%          If sortby = 15 Then %>
                <img src="images/uptic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          ElseIf sortby = -15 Then %>
                <img src="images/dwtic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          Else %>
                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          End If %>
                </nobr>
            </td>
            <td id="col16" onClick="SortbyClick(this);" title="Sort by: Email" align="center" valign="middle" class="heading" width="149" style="border-right: 0;" nowrap>
                <nobr>&nbsp;Email<img src="images/space.gif" width="1" height="1">
<%          If sortby = 16 Then %>
                <img src="images/uptic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          ElseIf sortby = -16 Then %>
                <img src="images/dwtic.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          Else %>
                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">
<%          End If %>
                </nobr>
            </td>
            <td></td>
        </tr>
    </table>
</span>
<span id="sUserTable" class="scrollTableBody">
    <table id="dataUser" cellspacing="0" cellpadding="0" style="border-collapse: collapse;">
<% 
	Set cn = GetDBConnection()

	Set SQLStmt = Server.CreateObject("ADODB.Command")
	Set RS  = Server.CreateObject("ADODB.Recordset")
	SQLStmt.CommandText = "SELECT user_id, username, password, lname, fname, mi, suffix, title, "	& _	
						  "	phone, fax, mobile, pager, email, terminal_id, agency, "				& _
						  " address1, address2, city, state, zip FROM USERS "
	Select Case sortby
	  'case  1 SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY USER_ID  ASC"
	  'case -1 SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY USER_ID  DESC"
	  case  2  SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(username) ASC"
	  case -2  SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(username) DESC"
	  case  3  SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(lname) ASC, UPPER(fname) ASC"
	  case -3  SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(lname) DESC, UPPER(fname) DESC"
	  case  4  SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(fname) ASC, UPPER(lname) ASC"
	  case -4  SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(fname) DESC, UPPER(lname) DESC"
	  case  5  SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(title) ASC"
	  case -5  SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(title) DESC"
	  case  6  SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(address1) ASC"
	  case -6  SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(address1) DESC"
	  case  7  SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(city) ASC"
	  case -7  SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(city) DESC"
	  case  8  SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(state) ASC"
	  case -8  SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(state) DESC"
	  case  9  SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(zip) ASC"
	  case -9  SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(zip) DESC"
	  case  10 SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(terminal_id) ASC"
	  case -10 SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(terminal_id) DESC"
	  case  11 SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(agency) ASC"
	  case -11 SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(agency) DESC"
	  case  12 SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(phone) ASC"
	  case -12 SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(phone) DESC"
	  case  13 SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(fax) ASC"
	  case -13 SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(fax) DESC"
	  case  14 SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(mobile) ASC"
	  case -14 SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(mobile) DESC"
	  case  15 SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(pager) ASC"
	  case -15 SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(pager) DESC"
	  case  16 SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(email) ASC"
	  case -16 SQLStmt.CommandText = SQLStmt.CommandText & "ORDER BY UPPER(email) DESC"
	End Select
	SQLStmt.CommandType = 1
	Set SQLStmt.ActiveConnection = cn
	RS.Open SQLStmt 

    count = 0
	Do While Not RS.EOF 
	    If selid = CInt(RS("user_id")) OR selid = -1 Then
	        selid		= CInt(RS("user_id"))
	        pos			= count
	        selusername	= RS("username")
	        selpassword	= RS("password")
	        sellname	= RS("lname")
	        selfname	= RS("fname")
	        selmi		= RS("mi")
	        selsuffix	= RS("suffix")
	        seltitle	= RS("title")
	        selphone	= RS("phone")
	        selfax		= RS("fax")
	        selmobile	= RS("mobile")
	        selpager	= RS("pager")
	        selemail	= RS("email")
	        seladdress1	= RS("address1")
	        seladdress2	= RS("address2")
	        selcity		= RS("city")
	        selstate	= RS("state")
	        selzip		= RS("zip")
	        seltermid	= RS("terminal_id")
	        selagency	= RS("agency")
 	    End If					   
%>
        <tr ID="trItem[<%=count%>]" height="20" <% IF CInt(selid) = CInt(RS("user_id")) THEN %> class="selitem"<% ELSE %>class="item"<% END IF %> onClick="ItemClick(this);">
            <input type="hidden" id="user[<%=count%>]" name="user[<%=count%>]" value="<%=RS("user_id")%>">
            <input type="hidden" id="username[<%=count%>]" name="username[<%=count%>]" value="<%=RS("username")%>">
            <td class="rowdata" width="105" nowrap>&nbsp;<%=RS("username")%></td>
            <td class="rowdata"  width="104" nowrap>&nbsp;<%=RS("lname")%></td>
            <td class="rowdata"  width="104" nowrap>&nbsp;<%=RS("fname")%></td>
            <td class="rowdata"  width="154" nowrap>&nbsp;<%=RS("title")%></td>
            <td class="rowdata"  width="204" nowrap>&nbsp;<%=RS("address1")%>&nbsp;&nbsp;<%=RS("address2")%></td>
            <td class="rowdata"  width="104" nowrap>&nbsp;<%=RS("city")%></td>
            <td class="rowdata"  width="54"  nowrap>&nbsp;<%=RS("state")%></td>
            <td class="rowdata"  width="79"  nowrap>&nbsp;<%=RS("zip")%></td>
            <td class="rowdata"  width="94"  nowrap>&nbsp;<%=RS("terminal_id")%></td>
            <td class="rowdata"  width="79"  nowrap>&nbsp;<%=RS("agency")%></td>
            <td class="rowdata"  width="104" nowrap>&nbsp;<%=RS("phone")%></td>
            <td class="rowdata"  width="104" nowrap>&nbsp;<%=RS("fax")%></td>
            <td class="rowdata"  width="104" nowrap>&nbsp;<%=RS("mobile")%></td>
            <td class="rowdata"  width="104" nowrap>&nbsp;<%=RS("pager")%></td>
            <td class="rowdata"  width="154" nowrap>&nbsp;<%=RS("email")%></td>
        </tr>
<% 
 	        count = count + 1
        RS.MoveNext
	Loop
	RS.Close
%>
<% 
    FOR row = count to 7 %>
        <tr class="item" height="20">
            <td class="rowdata" width="105"  nowrap>&nbsp;</td>  <!--username-->
            <td class="rowdata"  width="104"  nowrap>&nbsp;</td>  <!--lname-->
            <td class="rowdata"  width="104"  nowrap>&nbsp;</td>  <!--fname-->
            <td class="rowdata"  width="154"  nowrap>&nbsp;</td>  <!--title-->
            <td class="rowdata"  width="204"  nowrap>&nbsp;</td>  <!--address1-->
            <td class="rowdata"  width="104"  nowrap>&nbsp;</td>  <!--city-->
            <td class="rowdata"  width="54"   nowrap>&nbsp;</td>  <!--state-->
            <td class="rowdata"  width="79"   nowrap>&nbsp;</td>  <!--zip-->
            <td class="rowdata"  width="94"   nowrap>&nbsp;</td>  <!--terminal_id-->
            <td class="rowdata"  width="79"   nowrap>&nbsp;</td>  <!--agency-->
            <td class="rowdata"  width="104"  nowrap>&nbsp;</td>  <!--phone-->
            <td class="rowdata"  width="104"  nowrap>&nbsp;</td>  <!--fax-->
            <td class="rowdata"  width="104"  nowrap>&nbsp;</td>  <!--mobile-->
            <td class="rowdata"  width="104"  nowrap>&nbsp;</td>  <!--pager-->
            <td class="rowdata"  width="154"  nowrap>&nbsp;</td>  <!--email-->
        </tr>
<%  NEXT %>
    </table>
</span>
</div>

<%	tab = "User" %>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td height="4"></td></tr>
<tr>
<td width="4" rowspan="2"><img src="images/space.gif" width="4" height="1"></td>
<td width="100%">
<table width="100%" cellpadding=0 cellspacing="0">
<tr>
<td id="tdUser" class=<%if tab = "User" then%>"dlgseltab"<%else%>"dlgtab"<% end if%>
onClick="TabClick(this);" TITLE="User" HEIGHT="20" WIDTH="100" ALIGN="CENTER" VALIGN="TOP" nowrap>
&nbsp;User Info&nbsp;
</td>
<td id="tdContact" class=<%if tab = "Contact" then%>"dlgseltab"<%else%>"dlgtab"<% end if%>
onClick="TabClick(this);" TITLE="Contact" HEIGHT="20" WIDTH="100" ALIGN="CENTER" VALIGN="TOP" nowrap>
&nbsp;Contact Info&nbsp;
</td>
<td class="hiddentab" HEIGHT="14" width="100%"><img src="images/space.gif" width="544" height="1"></td>
</tr>
</table>
</td>
</tr>

<tr>
<td width="100%">
<div id="User" style="display: width: 100%;">
<table border="0" cellspacing="4" cellpadding="0" class="box" width="100%" height=230>
<tr><td height="8"><img src="images/space.gif" width="1" height="8"></td></tr>
<tr>
<td align="right" height="20" valign="top" colspan="1" nowrap>
<span class="dlgspan">Username:</span> 
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="USERNAME" id="USERNAME" value="<%=selusername%>" style="width: 200;"
tabindex="1" title="Enter the user's Username" maxlength="25" size="20">
</td>
<td align="right" valign="top" colspan="1" nowrap>
<span class="dlgspan">Groups:</span> 
</td>
<td valign="top" colspan="1" nowrap>
<%	  
	SQLStmt.CommandText = "select group_id from user_group_xref where user_id = " & selid
	SQLStmt.CommandType = 1
	Set SQLStmt.ActiveConnection = cn
	RS.Open SQLStmt
	groups = "" 
	Do While Not RS.EOF
		If groups = "" Then
			groups = RS("group_id")
		Else
			groups = groups & "," & RS("group_id")
		End If
	    RS.MoveNext
	Loop
	RS.Close
	
    grps = Split(groups, ",", -1, 1)
%>
<select name="GROUPS" id="GROUPS" size="2" multiple="multiple" style="width: 200;" 
tabindex="2" title="Select the user's Group">
<%
	SQLStmt.CommandText = "SELECT group_id, group_name FROM GROUPS "  & _
						  "ORDER BY group_id ASC"
	SQLStmt.CommandType = 1
	Set SQLStmt.ActiveConnection = cn
	RS.Open SQLStmt 
	Do While Not RS.EOF 
%>
<option value="<%=RS("group_id")%>"
<%
	IF Not IsEmpty(grps) THEN
	  IF IsArray(grps) THEN
  	    FOR EACH gid in grps
	      IF CInt(gid) = CInt(RS("group_id")) THEN
		    Response.Write(" selected")
		  END IF
	    NEXT
	  END IF
	END IF
%>><%=RS("group_name")%>
<%
    RS.MoveNext
	Loop
	RS.Close
%>
</select>
</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>
<tr>
<td align="right" height="20" valign="top" colspan="1" nowrap>
<span class="dlgspan">Password:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="PASSWORD" name="PASSWORD" id="PASSWORD" value="<%=selpassword%>" style="width: 200;"
tabindex="3" title="Enter in the user's Password" maxlength="25" size="20">
</td>
<td align="right" valign="top" colspan="1" nowrap>
<span class="dlgspan">Confirm Password:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="PASSWORD" name="CONFIRM_PASSWORD" id="CONFIRM_PASSWORD" value="<%=selpassword%>" style="width: 200;"
tabindex="4" title="Enter in the user's Confirm Password" maxlength="25" size="20">
</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>
<tr>
<td align="right" height="20" valign="top" colspan="1" nowrap>
<span class="dlgspan">Last Name:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="LNAME" id="LAST_NAME" value="<%=sellname%>" style="width: 200;"
tabindex="5" title="Enter in the user's Last Name" maxlength="25" size="25">
</td>
<td align="right" valign="top" colspan="1" nowrap>
<span class="dlgspan">First Name:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="FNAME" id="FIRST_NAME" value="<%=selfname%>" style="width: 200;"
tabindex="6" title="Enter in the user's First Name" maxlength="25" size="25">
</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>
<tr>
<!--
<td align="right" height="20" valign="top" colspan="1" nowrap>
<span class="dlgspan">Middle Initial:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="MI" id="MI" value="<%=selmi%>" size="1" 
tabindex="7" title="Enter in the user's Middle Initial">
<span class="dlgspan" style="position: relative; top: -2px;">&nbsp;Suffix:&nbsp;</span>
<input type="TEXT" name="SUFFIX" id="SUFFIX" value="<%=selsuffix%>" size="3" 
tabindex="8" title="Enter in the user's Suffix">
</td>-->
<td align="right" valign="top" colspan="1" nowrap>
<span class="dlgspan">Title:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="TITLE" id="TITLE" value="<%=seltitle%>" style="width: 200;"
tabindex="7" title="Enter in the user' Title" maxlength="30" size="25">
</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>
<tr><td><img src="images/space.gif" width="6" height="1"></td></tr>
</table>
</div>


<div id="Contact" style="display: none; width: 100%;">
<table border="0" cellspacing="4" cellpadding="0" class="box" width="100%" height=230>
<tr><td height="8"><img src="images/space.gif" width="1" height="8"></td></tr>
<tr>
<td align="right" height="20" valign="top" colspan="1" nowrap>
<span class="dlgspan" style="position: relative; top: 2px;">Address:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="ADDRESS1" id="ADDRESS1" value="<%=seladdress1%>" style="width: 200;"
tabindex="10" title="Enter the user's Address (1)" size="20">
</td>
<td align="right" valign="top" colspan="1" nowrap>
<span class="dlgspan">City:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="CITY" id="CITY" value="<%=selcity%>" style="width: 200;"
tabindex="11" title="Enter in the user's City" size="20">
</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>

<tr>
<td align="right" height="20" valign="top" colspan="1" nowrap>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="ADDRESS2" id="ADDRESS2" value="<%=seladdress2%>" style="width: 200;"
tabindex="12" title="Enter the user's Address (2)" size="20">
</td>
<td align="right" valign="top" colspan="1" nowrap>
<span style="padding: 2px; background: #DED7C6;">State:</span>
</td>
<td valign="top" colspan="1" nowrap>
<select name="STATE" id="STATE" size="1" style="width: 50;" 
tabindex="13" title="Enter in the user's State">
<%
	SQLStmt.CommandText = "SELECT code, stfips, name FROM STATE "  & _
						  "ORDER BY code ASC"
	SQLStmt.CommandType = 1
	Set SQLStmt.ActiveConnection = cn
	RS.Open SQLStmt 
	Do While Not RS.EOF 
%>
<option value="<%=RS("code")%>"<% IF state = RS("code") THEN %> selected<% END IF %>><%=RS("code")%>
<%
    RS.MoveNext
	Loop
	RS.Close
%>
</select>
<span class="dlgspan" style="position: relative; top: -2px;">&nbsp;Zip:&nbsp;</span>
<input type="TEXT" name="ZIP" id="ZIP" value="<%=selzip%>" maxlength="10" size="11" 
tabindex="14" title="Enter in the user's Zip code">
</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>

<tr>
<td align="right" height="20" valign="top" colspan="1" nowrap>
<span class="dlgspan">Terminal ID:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="TERMINAL" id="TERMINAL" value="<%=seltermid%>" size="11" 
tabindex="15" title="Enter in the user's Terminal ID #">
</td>
<td align="right" valign="top" colspan="1" nowrap>
<span class="dlgspan">Agency:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="AGENCY" id="AGENCY" value="<%=selagency%>" style="width: 200;"
tabindex="16" title="Enter in the user's Agency" size="20">
</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>

<tr>
<td align="right" height="20" valign="top" colspan="1" nowrap>
<span class="dlgspan">Phone:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="PHONE" id="PHONE" value="<%=selphone%>" style="width: 200;"
tabindex="17" title="Enter in the user's Phone #" size="20">
</td>
<td align="right" valign="top" colspan="1" nowrap>
<span class="dlgspan">Fax:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="FAX" id="FAX" value="<%=selfax%>" style="width: 200;"
tabindex="18" title="Enter in the user's Fax #" size="20">
</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>

<tr>
<td align="right" height="20" valign="top" colspan="1" nowrap>
<span class="dlgspan">Mobile:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="MOBILE" id="MOBILE" value="<%=selmobile%>" style="width: 200;"
tabindex="19" title="Enter in the user's Mobile Phone #" size="20">
</td>
<td align="right" valign="top" colspan="1" nowrap>
<span class="dlgspan">Pager:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="PAGER" id="PAGER" value="<%=selpager%>" style="width: 200;"
tabindex="20" title="Enter in the user's Pager Phone #" size="20">
</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>

<tr>
<td align="right" height="20" valign="top" colspan="1" nowrap>
<span class="dlgspan">Email:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="EMAIL" id="EMAIL" value="<%=selemail%>" style="width: 200;"
tabindex="21" title="Enter in the user's Email address" size="20">
</td>
<td align="right" valign="top" colspan="1" nowrap>
</td>
<td valign="top" colspan="1" nowrap>
</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>

<tr><td><img src="images/space.gif" width="6" height="1"></td></tr>
</table>
</div>

</td>
<td valign="top">

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<td width="16" rowspan="9"><img src="images/space.gif" width="16" height="1"></td>
</tr>
<tr><td width="100"><img src="images/space.gif" width="100" height="1"></td></tr>
<tr>
<td align="right" valign="top" colspan="1">
<input class="dlgbutton" type="button" name="new" value="New" onClick="Submit('New');"
tabindex="22" style="width: 100;" <% if CInt(selid) < 0 then %>disabled<% end if %>>
</td>
<td width="16"><img src="images/space.gif" width="16" height="1"></td>
</tr>
<tr><td width="100"><img src="images/space.gif" width="100" height="1"></td></tr>
<tr>
<td align="right" valign="top" colspan="1">
<!--<input class="dlgbutton" type="button" name="update" value="Update" onClick="Submit('Update');"
tabindex="23" style="width: 100;" >-->
<input class="dlgbutton" type="button" name="update" value="Update" onClick="Submit('Update');"
tabindex="23" style="width: 100;" <% if CInt(selid) <= 0 then %>disabled<% end if %>>
</td>
</tr>
<tr><td width="100"><img src="images/space.gif" width="100" height="1"></td></tr>
<td align="right" valign="top" colspan="1">
<input class="dlgbutton" type="button" name="delete" value="Delete" onClick="ConfirmDelete();"
tabindex="24" style="width: 100;" <% if CInt(selid) <= 2 then %>disabled<% end if %>>
</td>
</tr>
<tr><td width="100"><img src="images/space.gif" width="100" height="1"></td></tr>
<tr>
<td align="right" valign="top" colspan="1" >
<input class="dlgbutton" type="reset" name="reset" value="Reset" 
tabindex="25" style="width: 100;"></td>
</tr>

</table>
</td>
</tr>
</table>
</div>

<input type="HIDDEN" id="tab"			name="tab"		  	value="<%=tab%>">
<input type="HIDDEN" id="selid"			name="selid"		value="<%=selid%>">
<input type="HIDDEN" id="selitem"		name="selitem"		value="<%=selitem%>">
<input type="HIDDEN" id="numitems"		name="numitems"		value="<%=RS1("numitems")%>">
<input type="HIDDEN" id="newid"			name="newid"		value="<%=id%>">
<input type="HIDDEN" id="newposition"	name="newposition"	value="<%=pos%>">
<input type="HIDDEN" id="action"		name="action"		value="<%=action%>">
<input TYPE="HIDDEN" id="sortby"		name="sortby"		value="<%=sortby%>">
<input TYPE="HIDDEN" id="selusername"   name="selusername"	value="<%=selusername%>">

</form>
</body>
</html>
 
Here it is

Code:
<style>
    body { overflow: hidden; margin: 0 }
</style>
<body bgcolor="#D6CFBD" onload="OnLoadPage();" onresize="resize();" leftmargin=0 topmargin=0>
<form action="userPg.asp" method="post" target="_self" style="margin: 0px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>
<td width="4" colspan="1"><img src="images/space.gif" height="2" width="1"></td>
<td>

<div class="scrollTable" id="scrollUserTable" style="overflow: auto; height: 200; width: 1015;">
<span class="scrollTableHead">
    <table width="100%" cellspacing="0" frame="border">
        <tr>
            <td id="col2" onClick="SortbyClick(this);" title="Sort by: Username" align="center" valign="middle" class="heading" width="100" nowrap>
                <nobr>&nbsp;Username<img src="images/space.gif" width="1" height="1">

                <img src="images/uptic.gif" width="10" height="8" border="0" align="bottom" alt="">

                </nobr>
            </td>
            <td id="col3" onClick="SortbyClick(this);" title="Sort by: Last Name" align="center" valign="middle" class="heading" width="100" nowrap>
                <nobr>&nbsp;Last Name<img src="images/space.gif" width="1" height="1">

                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">

                </nobr>
            </td>

            <td id="col4" onClick="SortbyClick(this);" title="Sort by: First Name" align="center" valign="middle" class="heading" width="100" nowrap>
                <nobr>&nbsp;First Name<img src="images/space.gif" width="1" height="1">

                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">

                </nobr>
            </td>
            <td id="col5" onClick="SortbyClick(this);" title="Sort by: Title" align="center" valign="middle" class="heading" width="150" nowrap>
                <nobr>&nbsp;Title<img src="images/space.gif" width="1" height="1">

                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">

                </nobr>
            </td>
            <td id="col6" onClick="SortbyClick(this);" title="Sort by: Address" align="center" valign="middle" class="heading" width="200" nowrap>
                <nobr>&nbsp;Address<img src="images/space.gif" width="1" height="1">

                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">

                </nobr>
            </td>
            <td id="col7" onClick="SortbyClick(this);" title="Sort by: City" align="center" valign="middle" class="heading" width="100" nowrap>
                <nobr>&nbsp;City<img src="images/space.gif" width="1" height="1">

                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">

                </nobr>
            </td>

            <td id="col8" onClick="SortbyClick(this);" title="Sort by: State" align="center" valign="middle" class="heading" width="50" nowrap>
                <nobr>&nbsp;State<img src="images/space.gif" width="1" height="1">

                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">

                </nobr>
            </td>
            <td id="col9" onClick="SortbyClick(this);" title="Sort by: Zip" align="center" valign="middle" class="heading" width="75" nowrap>
                <nobr>&nbsp;Zip<img src="images/space.gif" width="1" height="1">

                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">

                </nobr>
            </td>
            <td id="col10" onClick="SortbyClick(this);" title="Sort by: Terminal ID" align="center" valign="middle" class="heading" width="90" nowrap>
                <nobr>&nbsp;Terminal ID<img src="images/space.gif" width="1" height="1">

                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">

                </nobr>
            </td>
            <td id="col11" onClick="SortbyClick(this);" title="Sort by: Agency" align="center" valign="middle" class="heading" width="75" nowrap>
                <nobr>&nbsp;Agency<img src="images/space.gif" width="1" height="1">

                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">

                </nobr>
            </td>

            <td id="col12" onClick="SortbyClick(this);" title="Sort by: Phone" align="center" valign="middle" class="heading" width="100" nowrap>
                <nobr>&nbsp;Phone #<img src="images/space.gif" width="1" height="1">

                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">

                </nobr>
            </td>
            <td id="col13" onClick="SortbyClick(this);" title="Sort by: FAX" align="center" valign="middle" class="heading" width="100" nowrap>
                <nobr>&nbsp;Fax<img src="images/space.gif" width="15" height="1">

                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">

                </nobr>
            </td>
            <td id="col14" onClick="SortbyClick(this);" title="Sort by: Mobile" align="center" valign="middle" class="heading" width="100" nowrap>
                <nobr>&nbsp;Mobile<img src="images/space.gif" width="1" height="1">

                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">

                </nobr>
            </td>
            <td id="col15" onClick="SortbyClick(this);" title="Sort by: Pager" align="center" valign="middle" class="heading" width="100" nowrap>
                <nobr>&nbsp;Pager<img src="images/space.gif" width="1" height="1">

                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">

                </nobr>
            </td>

            <td id="col16" onClick="SortbyClick(this);" title="Sort by: Email" align="center" valign="middle" class="heading" width="149" style="border-right: 0;" nowrap>
                <nobr>&nbsp;Email<img src="images/space.gif" width="1" height="1">

                <img src="images/space.gif" width="10" height="8" border="0" align="bottom" alt="">

                </nobr>
            </td>
            <td></td>
        </tr>

    </table>
</span>
<span id="sUserTable" class="scrollTableBody">
    <table id="dataUser" cellspacing="0" cellpadding="0" style="border-collapse: collapse;">

        <tr ID="trItem[0]" height="20"  class="selitem" onClick="ItemClick(this);">
            <input type="hidden" id="user[0]" name="user[0]" value="1">
            <input type="hidden" id="username[0]" name="username[0]" value="administrator">
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;administrator</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;LongLastName</td>

            <td class="rowdata" width="104" align="left" nowrap>&nbsp;LongFirstName</td>
            <td class="rowdata" width="154" align="left" nowrap>&nbsp;Operations Station Manager</td>
            <td class="rowdata" width="204" align="left" nowrap>&nbsp;1 LongBostonRoadName Rd.&nbsp;&nbsp;</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;Brookline Village</td>
            <td class="rowdata" width="54"  align="left" nowrap>&nbsp;MA</td>
            <td class="rowdata" width="79"  align="left" nowrap>&nbsp;01234-1234</td>

            <td class="rowdata" width="94"  align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="79"  align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;(123) 456-7890</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;(123) 456-7890</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;(123) 456-7890</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;(123) 456-7890</td>
            <td class="rowdata" width="154" align="left" nowrap>&nbsp;ksliby@mbta.com</td>

        </tr>

        <tr ID="trItem[1]" height="20" class="item" onClick="ItemClick(this);">
            <input type="hidden" id="user[1]" name="user[1]" value="2">
            <input type="hidden" id="username[1]" name="username[1]" value="dispatcher">
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;dispatcher</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;x</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;x</td>

            <td class="rowdata" width="154" align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="204" align="left" nowrap>&nbsp;&nbsp;&nbsp;</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="54"  align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="79"  align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="94"  align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="79"  align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;</td>

            <td class="rowdata" width="104" align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="154" align="left" nowrap>&nbsp;</td>
        </tr>

        <tr ID="trItem[2]" height="20" class="item" onClick="ItemClick(this);">
            <input type="hidden" id="user[2]" name="user[2]" value="3">
            <input type="hidden" id="username[2]" name="username[2]" value="mbtapacis">
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;mbtapacis</td>

            <td class="rowdata" width="104" align="left" nowrap>&nbsp;x</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;x</td>
            <td class="rowdata" width="154" align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="204" align="left" nowrap>&nbsp;&nbsp;&nbsp;</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="54"  align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="79"  align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="94"  align="left" nowrap>&nbsp;</td>

            <td class="rowdata" width="79"  align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="154" align="left" nowrap>&nbsp;</td>
        </tr>

        <tr ID="trItem[3]" height="20" class="item" onClick="ItemClick(this);">

            <input type="hidden" id="user[3]" name="user[3]" value="0">
            <input type="hidden" id="username[3]" name="username[3]" value="root">
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;root</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;x</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;x</td>
            <td class="rowdata" width="154" align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="204" align="left" nowrap>&nbsp;&nbsp;&nbsp;</td>

            <td class="rowdata" width="104" align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="54"  align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="79"  align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="94"  align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="79"  align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;</td>
            <td class="rowdata" width="104" align="left" nowrap>&nbsp;</td>

            <td class="rowdata" width="154" align="left" nowrap>&nbsp;</td>
        </tr>

        <tr class="item" height="20">
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--username-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--lname-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--fname-->
            <td class="rowdata" width="154"  nowrap>&nbsp;</td>  <!--title-->

            <td class="rowdata" width="204"  nowrap>&nbsp;</td>  <!--address1-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--city-->
            <td class="rowdata" width="54"   nowrap>&nbsp;</td>  <!--state-->
            <td class="rowdata" width="79"   nowrap>&nbsp;</td>  <!--zip-->
            <td class="rowdata" width="94"   nowrap>&nbsp;</td>  <!--terminal_id-->
            <td class="rowdata" width="79"   nowrap>&nbsp;</td>  <!--agency-->

            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--phone-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--fax-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--mobile-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--pager-->
            <td class="rowdata" width="154"  nowrap>&nbsp;</td>  <!--email-->
        </tr>

        <tr class="item" height="20">
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--username-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--lname-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--fname-->
            <td class="rowdata" width="154"  nowrap>&nbsp;</td>  <!--title-->
            <td class="rowdata" width="204"  nowrap>&nbsp;</td>  <!--address1-->

            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--city-->
            <td class="rowdata" width="54"   nowrap>&nbsp;</td>  <!--state-->
            <td class="rowdata" width="79"   nowrap>&nbsp;</td>  <!--zip-->
            <td class="rowdata" width="94"   nowrap>&nbsp;</td>  <!--terminal_id-->
            <td class="rowdata" width="79"   nowrap>&nbsp;</td>  <!--agency-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--phone-->

            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--fax-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--mobile-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--pager-->
            <td class="rowdata" width="154"  nowrap>&nbsp;</td>  <!--email-->
        </tr>

        <tr class="item" height="20">

            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--username-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--lname-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--fname-->
            <td class="rowdata" width="154"  nowrap>&nbsp;</td>  <!--title-->
            <td class="rowdata" width="204"  nowrap>&nbsp;</td>  <!--address1-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--city-->

            <td class="rowdata" width="54"   nowrap>&nbsp;</td>  <!--state-->
            <td class="rowdata" width="79"   nowrap>&nbsp;</td>  <!--zip-->
            <td class="rowdata" width="94"   nowrap>&nbsp;</td>  <!--terminal_id-->
            <td class="rowdata" width="79"   nowrap>&nbsp;</td>  <!--agency-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--phone-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--fax-->

            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--mobile-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--pager-->
            <td class="rowdata" width="154"  nowrap>&nbsp;</td>  <!--email-->
        </tr>

        <tr class="item" height="20">
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--username-->

            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--lname-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--fname-->
            <td class="rowdata" width="154"  nowrap>&nbsp;</td>  <!--title-->
            <td class="rowdata" width="204"  nowrap>&nbsp;</td>  <!--address1-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--city-->
            <td class="rowdata" width="54"   nowrap>&nbsp;</td>  <!--state-->

            <td class="rowdata" width="79"   nowrap>&nbsp;</td>  <!--zip-->
            <td class="rowdata" width="94"   nowrap>&nbsp;</td>  <!--terminal_id-->
            <td class="rowdata" width="79"   nowrap>&nbsp;</td>  <!--agency-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--phone-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--fax-->
            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--mobile-->

            <td class="rowdata" width="104"  nowrap>&nbsp;</td>  <!--pager-->
            <td class="rowdata" width="154"  nowrap>&nbsp;</td>  <!--email-->
        </tr>

    </table>
</span>
</div>



<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr><td height="4"></td></tr>
<tr>
<td width="4" rowspan="2"><img src="images/space.gif" width="4" height="1"></td>
<td width="100%">
<table width="100%" cellpadding=0 cellspacing="0">
<tr>
<td id="tdUser" class="dlgseltab"
onClick="TabClick(this);" TITLE="User" HEIGHT="20" WIDTH="100" ALIGN="CENTER" VALIGN="TOP" nowrap>
&nbsp;User Info&nbsp;
</td>
<td id="tdContact" class="dlgtab"
onClick="TabClick(this);" TITLE="Contact" HEIGHT="20" WIDTH="100" ALIGN="CENTER" VALIGN="TOP" nowrap>
&nbsp;Contact Info&nbsp;
</td>
<td class="hiddentab" HEIGHT="14" width="100%"><img src="images/space.gif" width="544" height="1"></td>
</tr>
</table>

</td>
</tr>

<tr>
<td width="100%">
<div id="User" style="display: width: 100%;">
<table border="0" cellspacing="4" cellpadding="0" class="box" width="100%" height=230>
<tr><td height="8"><img src="images/space.gif" width="1" height="8"></td></tr>
<tr>
<td align="right" height="20" valign="top" colspan="1" nowrap>
<span class="dlgspan">Username:</span> 
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="USERNAME" id="USERNAME" value="administrator" style="width: 200;"
tabindex="1" title="Enter the user's Username" maxlength="25" size="20">
</td>
<td align="right" valign="top" colspan="1" nowrap>

<span class="dlgspan">Groups:</span> 
</td>
<td valign="top" colspan="1" nowrap>

<select name="GROUPS" id="GROUPS" size="2" multiple="multiple" style="width: 200;" 
tabindex="2" title="Select the user's Group">

<option value="1"
 selected>Administrators
<option value="2"
 selected>Operators
</select>
</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>
<tr>
<td align="right" height="20" valign="top" colspan="1" nowrap>
<span class="dlgspan">Password:</span>

</td>
<td valign="top" colspan="1" nowrap>
<input type="PASSWORD" name="PASSWORD" id="PASSWORD" value="administrator" style="width: 200;"
tabindex="3" title="Enter in the user's Password" maxlength="25" size="20">
</td>
<td align="right" valign="top" colspan="1" nowrap>
<span class="dlgspan">Confirm Password:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="PASSWORD" name="CONFIRM_PASSWORD" id="CONFIRM_PASSWORD" value="administrator" style="width: 200;"
tabindex="4" title="Enter in the user's Confirm Password" maxlength="25" size="20">
</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>
<tr>
<td align="right" height="20" valign="top" colspan="1" nowrap>
<span class="dlgspan">Last Name:</span>

</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="LNAME" id="LAST_NAME" value="LongLastName" style="width: 200;"
tabindex="5" title="Enter in the user's Last Name" maxlength="25" size="25">
</td>
<td align="right" valign="top" colspan="1" nowrap>
<span class="dlgspan">First Name:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="FNAME" id="FIRST_NAME" value="LongFirstName" style="width: 200;"
tabindex="6" title="Enter in the user's First Name" maxlength="25" size="25">
</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>
<tr>
<!--
<td align="right" height="20" valign="top" colspan="1" nowrap>
<span class="dlgspan">Middle Initial:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="MI" id="MI" value="" size="1" 
tabindex="7" title="Enter in the user's Middle Initial">
<span class="dlgspan" style="position: relative; top: -2px;">&nbsp;Suffix:&nbsp;</span>
<input type="TEXT" name="SUFFIX" id="SUFFIX" value="" size="3" 
tabindex="8" title="Enter in the user's Suffix">
</td>-->
<td align="right" valign="top" colspan="1" nowrap>
<span class="dlgspan">Title:</span>

</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="TITLE" id="TITLE" value="Operations Station Manager" style="width: 200;"
tabindex="7" title="Enter in the user' Title" maxlength="30" size="25">
</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>
<tr><td><img src="images/space.gif" width="6" height="1"></td></tr>
</table>
</div>


<div id="Contact" style="display: none; width: 100%;">
<table border="0" cellspacing="4" cellpadding="0" class="box" width="100%" height=230>
<tr><td height="8"><img src="images/space.gif" width="1" height="8"></td></tr>
<tr>
<td align="right" height="20" valign="top" colspan="1" nowrap>
<span class="dlgspan" style="position: relative; top: 2px;">Address:</span>

</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="ADDRESS1" id="ADDRESS1" value="1 LongBostonRoadName Rd." style="width: 200;"
tabindex="10" title="Enter the user's Address (1)" size="20">
</td>
<td align="right" valign="top" colspan="1" nowrap>
<span class="dlgspan">City:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="CITY" id="CITY" value="Brookline Village" style="width: 200;"
tabindex="11" title="Enter in the user's City" size="20">
</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>

<tr>
<td align="right" height="20" valign="top" colspan="1" nowrap>
</td>

<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="ADDRESS2" id="ADDRESS2" value="" style="width: 200;"
tabindex="12" title="Enter the user's Address (2)" size="20">
</td>
<td align="right" valign="top" colspan="1" nowrap>
<span style="padding: 2px; background: #DED7C6;">State:</span>
</td>
<td valign="top" colspan="1" nowrap>
<select name="STATE" id="STATE" size="1" style="width: 50;" 
tabindex="13" title="Enter in the user's State">

<option value="AK">AK
<option value="AL">AL
<option value="AR">AR
<option value="AS">AS
<option value="AZ">AZ
<option value="CA">CA
<option value="CO">CO

<option value="CT">CT
<option value="DC">DC
<option value="DE">DE
<option value="FL">FL
<option value="GA">GA
<option value="HI">HI
<option value="IA">IA
<option value="ID">ID
<option value="IL">IL
<option value="IN">IN
<option value="KS">KS
<option value="KY">KY
<option value="LA">LA
<option value="MA" selected>MA
<option value="MD">MD
<option value="ME">ME
<option value="MI">MI

<option value="MN">MN
<option value="MO">MO
<option value="MS">MS
<option value="MT">MT
<option value="NC">NC
<option value="ND">ND
<option value="NE">NE
<option value="NH">NH
<option value="NJ">NJ
<option value="NM">NM
<option value="NV">NV
<option value="NY">NY
<option value="OH">OH
<option value="OK">OK
<option value="OR">OR
<option value="PA">PA
<option value="PR">PR

<option value="RI">RI
<option value="SC">SC
<option value="SD">SD
<option value="TN">TN
<option value="TX">TX
<option value="UT">UT
<option value="VA">VA
<option value="VI">VI
<option value="VT">VT
<option value="WA">WA
<option value="WI">WI
<option value="WV">WV
<option value="WY">WY
</select>
<span class="dlgspan" style="position: relative; top: -2px;">&nbsp;Zip:&nbsp;</span>
<input type="TEXT" name="ZIP" id="ZIP" value="01234-1234" maxlength="10" size="11" 
tabindex="14" title="Enter in the user's Zip code">

</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>

<tr>
<td align="right" height="20" valign="top" colspan="1" nowrap>
<span class="dlgspan">Terminal ID:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="TERMINAL" id="TERMINAL" value="" size="11" 
tabindex="15" title="Enter in the user's Terminal ID #">
</td>
<td align="right" valign="top" colspan="1" nowrap>
<span class="dlgspan">Agency:</span>
</td>
<td valign="top" colspan="1" nowrap>

<input type="TEXT" name="AGENCY" id="AGENCY" value="" style="width: 200;"
tabindex="16" title="Enter in the user's Agency" size="20">
</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>

<tr>
<td align="right" height="20" valign="top" colspan="1" nowrap>
<span class="dlgspan">Phone:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="PHONE" id="PHONE" value="(123) 456-7890" style="width: 200;"
tabindex="17" title="Enter in the user's Phone #" size="20">
</td>
<td align="right" valign="top" colspan="1" nowrap>
<span class="dlgspan">Fax:</span>
</td>

<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="FAX" id="FAX" value="(123) 456-7890" style="width: 200;"
tabindex="18" title="Enter in the user's Fax #" size="20">
</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>

<tr>
<td align="right" height="20" valign="top" colspan="1" nowrap>
<span class="dlgspan">Mobile:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="MOBILE" id="MOBILE" value="(123) 456-7890" style="width: 200;"
tabindex="19" title="Enter in the user's Mobile Phone #" size="20">
</td>
<td align="right" valign="top" colspan="1" nowrap>
<span class="dlgspan">Pager:</span>

</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="PAGER" id="PAGER" value="(123) 456-7890" style="width: 200;"
tabindex="20" title="Enter in the user's Pager Phone #" size="20">
</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>

<tr>
<td align="right" height="20" valign="top" colspan="1" nowrap>
<span class="dlgspan">Email:</span>
</td>
<td valign="top" colspan="1" nowrap>
<input type="TEXT" name="EMAIL" id="EMAIL" value="ksliby@mbta.com" style="width: 200;"
tabindex="21" title="Enter in the user's Email address" size="20">
</td>
<td align="right" valign="top" colspan="1" nowrap>
</td>

<td valign="top" colspan="1" nowrap>
</td>
<td align="right" valign="middle" colspan="1" nowrap><img src="images/space.gif" width="32" height="1"></td>
</tr>

<tr><td><img src="images/space.gif" width="6" height="1"></td></tr>
</table>
</div>

</td>
<td valign="top">

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<td width="16" rowspan="9"><img src="images/space.gif" width="16" height="1"></td>
</tr>
<tr><td width="100"><img src="images/space.gif" width="100" height="1"></td></tr>
<tr>

<td align="right" valign="top" colspan="1">
<input class="dlgbutton" type="button" name="new" value="New" onClick="Submit('New');"
tabindex="22" style="width: 100;" >
</td>
<td width="16"><img src="images/space.gif" width="16" height="1"></td>
</tr>
<tr><td width="100"><img src="images/space.gif" width="100" height="1"></td></tr>
<tr>
<td align="right" valign="top" colspan="1">
<!--<input class="dlgbutton" type="button" name="update" value="Update" onClick="Submit('Update');"
tabindex="23" style="width: 100;" >-->
<input class="dlgbutton" type="button" name="update" value="Update" onClick="Submit('Update');"
tabindex="23" style="width: 100;" >
</td>
</tr>
<tr><td width="100"><img src="images/space.gif" width="100" height="1"></td></tr>
<td align="right" valign="top" colspan="1">
<input class="dlgbutton" type="button" name="delete" value="Delete" onClick="ConfirmDelete();"
tabindex="24" style="width: 100;" disabled>
</td>
</tr>

<tr><td width="100"><img src="images/space.gif" width="100" height="1"></td></tr>
<tr>
<td align="right" valign="top" colspan="1" >
<input class="dlgbutton" type="reset" name="reset" value="Reset" 
tabindex="25" style="width: 100;"></td>
</tr>

</table>
</td>
</tr>
</table>
</div>

<input type="HIDDEN" id="tab"			name="tab"		  	value="User">
<input type="HIDDEN" id="selid"			name="selid"		value="1">
<input type="HIDDEN" id="selitem"		name="selitem"		value="-1">
<input type="HIDDEN" id="numitems"		name="numitems"		value="4">
<input type="HIDDEN" id="newid"			name="newid"		value="">

<input type="HIDDEN" id="newposition"	name="newposition"	value="0">
<input type="HIDDEN" id="action"		name="action"		value="">
<input TYPE="HIDDEN" id="sortby"		name="sortby"		value="2">
<input TYPE="HIDDEN" id="selusername"   name="selusername"	value="administrator">

</form>
</body>
</html>
 
Could you please create a small self-contained test-harness page that includes all the CSS and javascript and all the client-side markup required to show the specific problem you have encountered. Preferably you can upload it somewhere and provide a link to it.

This is a javascript problem, yet the code you have posted is far from complete... with none of the javascript or css being shown. These are critical!

Could you let us know what testing you have done, what avenues you have attempted and where the main problem lies?

Cheers,
Jeff

[tt]Jeff's Page [/tt][tt]@[/tt][tt] Code Couch
[/tt]

What is Javascript? faq216-6094
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top