[LON-CAPA-cvs] cvs: loncom /auth lonlogin.pm
bowersj2
lon-capa-cvs@mail.lon-capa.org
Wed, 10 Jul 2002 17:47:02 -0000
bowersj2 Wed Jul 10 13:47:02 2002 EDT
Modified files:
/loncom/auth lonlogin.pm
Log:
On modern browsers, can now use "enter" key to submit login form.
(Tested on Netscape 4, Mozilla, and IE6; should work everywhere.) Make
"Log in" an actual submit button, importent for screen readers. Added
alt tags to images.
Index: loncom/auth/lonlogin.pm
diff -u loncom/auth/lonlogin.pm:1.18 loncom/auth/lonlogin.pm:1.19
--- loncom/auth/lonlogin.pm:1.18 Sat May 25 18:15:03 2002
+++ loncom/auth/lonlogin.pm Wed Jul 10 13:47:01 2002
@@ -1,7 +1,7 @@
# The LearningOnline Network
# Login Screen
#
-# $Id: lonlogin.pm,v 1.18 2002/05/25 22:15:03 www Exp $
+# $Id: lonlogin.pm,v 1.19 2002/07/10 17:47:01 bowersj2 Exp $
#
# Copyright Michigan State University Board of Trustees
#
@@ -30,6 +30,8 @@
# 1/17/01 Gerd Kortemeyer
#
# 2/7/02,2/8,2/12,2/14,2/15,2/19 Josh Brunskole
+#
+# 7/10/02 Jeremy Bowers
package Apache::lonlogin;
@@ -138,6 +140,7 @@
=crypted(this.document.client.elements.upass.value);
this.document.server.submit();
+ return false;
}
</script>
ENDSCRIPT
@@ -162,7 +165,7 @@
<tr>
<!-- Row 1 Columns 2-4 -->
- <td width="100%" height=75 colspan=4 align="left" valign="top" bgcolor="#006600"><img src="$iconpath/header.gif" border=0 /></td>
+ <td width="100%" height=75 colspan=4 align="left" valign="top" bgcolor="#006600"><img src="$iconpath/header.gif" border=0 alt="The Learning Online Network with CAPA" /></td>
</tr>
<!-- The gray bar that starts the two table frames -->
@@ -172,38 +175,38 @@
<td width=182 height=27 bgcolor="#cccccc"> </td>
<!-- Row 2 Column 2 -->
- <td width=27 height=27 align="left" background="$iconpath/filltop.gif"><img src="$iconpath/upperleft.gif" border=0 /></td>
+ <td width=27 height=27 align="left" background="$iconpath/filltop.gif"><img src="$iconpath/upperleft.gif" border=0 alt="" /></td>
<!-- Row 2 Column 3 -->
- <td height=27 background="$iconpath/filltop.gif"><img src="$iconpath/filltop.gif" /></td>
+ <td height=27 background="$iconpath/filltop.gif"><img src="$iconpath/filltop.gif" alt="" /></td>
<!-- Row 2 Column 4 -->
- <td width=27 height=27 align="right" background="$iconpath/filltop.gif"><img src="$iconpath/upperright.gif" border=0 /></td>
+ <td width=27 height=27 align="right" background="$iconpath/filltop.gif"><img src="$iconpath/upperright.gif" border=0 alt="" /></td>
</tr>
<tr>
<!-- A cell that will hold the 'access' and 'about' buttons -->
<!-- Row 3 Column 1 -->
<td valign="top" height=60 align="center" bgcolor="#cccccc">
- <a href="/adm/login?interface=textual"><img src="$iconpath/accessbutton.gif" border=0 /></a>
+ <a href="/adm/login?interface=textual"><img src="$iconpath/accessbutton.gif" border=0 alt="Accessibility Options" /></a>
<br />
- <a href="/adm/about.html"><img src="$iconpath/aboutlon.gif" border=0 /></a>
+ <a href="/adm/about.html"><img src="$iconpath/aboutlon.gif" border=0 alt="About LON-CAPA" /></a>
</td>
<!-- The shaded space between the two main columns -->
<!-- Row 3 Column 2 -->
- <td width=27 height=60 background="$iconpath/fillleft.gif"><img src="$iconpath/fillleft.gif" /></td>
+ <td width=27 height=60 background="$iconpath/fillleft.gif"><img src="$iconpath/fillleft.gif" alt="" /></td>
<!-- The right main column holding the large LON-CAPA logo-->
<!-- Rows 3-4 Column 3 -->
<td align="center" valign="top" width="100%" height="100%" rowspan=2 bgcolor="#ffffff">
<center>
- <img src="$iconpath/loncapalogo.gif" />
+ <img src="$iconpath/loncapalogo.gif" alt="" />
</center>
</td>
<!-- Row 3 Column 4 -->
- <td width=27 background="$iconpath/fillright.gif"><img src="$iconpath/fillright.gif" /></td>
+ <td width=27 background="$iconpath/fillright.gif"><img src="$iconpath/fillright.gif" alt="" /></td>
</tr>
<tr>
@@ -213,13 +216,13 @@
ENDTOP
}
$r->print(<<ENDLOGIN);
- <form name="client">
+ <form name="client" onsubmit="return(send())">
<input type="hidden" name="lextkey" value="$lextkey">
<input type="hidden" name="uextkey" value="$uextkey">
<!-- Start the sub-table for text and input alignment -->
<table border=0 cellspacing=0 cellpadding=0>
- <tr><td bgcolor="#cccccc" colspan=2><img src="$iconpath/userauthentication.gif" /></td></tr>
+ <tr><td bgcolor="#cccccc" colspan=2><img src="$iconpath/userauthentication.gif" alt="User Authentication" /></td></tr>
<tr>
<td bgcolor="#ffffff"><br /><font size=-1><b> User Name:</b></font></td>
<td bgcolor="#ffffff"><br /><input type="text" name="uname" size="10" /></td>
@@ -235,7 +238,7 @@
<tr>
<td bgcolor="#ffffff" valign="bottom" align="center" colspan=2>
<br />
- <input type="button" value="Log In" onClick="send();" />
+ <input type="submit" value="Log In" />
</td>
</tr>
</table>
@@ -247,10 +250,10 @@
</td>
<!-- Row 4 Column 2 -->
- <td width=27 background="$iconpath/fillleft.gif"><img src="$iconpath/fillleft.gif" /></td>
+ <td width=27 background="$iconpath/fillleft.gif"><img src="$iconpath/fillleft.gif" alt="" /></td>
<!-- Row 4 Column 4 -->
- <td width=27 background="$iconpath/fillright.gif"><img src="$iconpath/fillright.gif" /></td>
+ <td width=27 background="$iconpath/fillright.gif"><img src="$iconpath/fillright.gif" alt="" /></td>
</tr>
<tr>
@@ -288,18 +291,18 @@
<b> System Administration:</b><br />
<tt> $sysadm</tt><br />
<b> Server Administration:</b><br />
- <tt> $servadm</tt>
+ <tt> $servadm<br /> </tt>
</small>
</td>
<!-- Row 5 Column 2 -->
- <td width=27 background="$iconpath/fillleft.gif"><img src="$iconpath/fillleft.gif" /></td>
+ <td width=27 background="$iconpath/fillleft.gif"><img src="$iconpath/fillleft.gif" alt="" /></td>
<!-- Row 5 Column 3 -->
- <td width="100%" valign="bottom" bgcolor="#ffffff"><img src="$iconpath/litetext.gif" /><img src="$iconpath/lite.gif" /></td>
+ <td width="100%" valign="bottom" bgcolor="#ffffff"><img src="$iconpath/litetext.gif" alt="Laboratory for Instructional Technology in Education" /><img src="$iconpath/lite.gif" alt="" /></td>
<!-- Row 5 Column 4 -->
- <td width=27 background="$iconpath/fillright.gif"><img src="$iconpath/fillright.gif" /></td>
+ <td width=27 background="$iconpath/fillright.gif"><img src="$iconpath/fillright.gif" alt="" /></td>
</tr>
<tr>
@@ -307,13 +310,13 @@
<td bgcolor="#cccccc"> </td>
<!-- Row 6 Column 2 -->
- <td align="left" background="$iconpath/fillbottom.gif"><img src="$iconpath/lowerleft.gif" /></td>
+ <td align="left" background="$iconpath/fillbottom.gif"><img src="$iconpath/lowerleft.gif" alt="" /></td>
<!-- Row 6 Column 3 -->
- <td background="$iconpath/fillbottom.gif"><img src="$iconpath/fillbottom.gif" /></td>
+ <td background="$iconpath/fillbottom.gif"><img src="$iconpath/fillbottom.gif" alt="" /></td>
<!-- Row 6 Column 4 -->
- <td align="right" background="$iconpath/fillbottom.gif"><img src="$iconpath/lowerright.gif" /></td>
+ <td align="right" background="$iconpath/fillbottom.gif"><img src="$iconpath/lowerright.gif" alt="" /></td>
</tr>
</table>