CINXE.COM
Alameda County Library
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="stylesheet" type="text/css" href="/scripts/ProStyles.css" /> <link rel="stylesheet" type="text/css" href="/screens/styles.css" /> <link rel="stylesheet" type="text/css" href="/scripts/ProStyles.css" /> <link rel="stylesheet" type="text/css" href="/screens/styles.css" /> <title>Alameda County Library</title> <meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4"><meta http-equiv="Content-type" content="text/html;charset=UTF-8"> <meta name="viewport" content="width = device-width, user-scalable = no"> <script type="text/javascript" src="/scripts/common.js"></script> <!-- <link rel="stylesheet" type="text/css" href="/apps/CAS/resources/login_mobile.css"> <link rel="stylesheet" type="text/css" href="/apps/CAS/resources/login.css" media="screen and (min-device-width: 481px)">--> <link rel="stylesheet" type="text/css" href="/apps/CAS/resources/login_mobile.css" /> <style type="text/css" media="screen and (min-width: 481px)"> <!-- @import url("/apps/CAS/resources/login.css"); --> </style> <!--[if IE]><link rel="stylesheet" type="text/css" href="/apps/CAS/resources/login.css" media="screen" /><![endif]--> <!-- Modified by Pam Zhao on 5/13/2019: changed max-device-width from 480px to 360px --> <!-- <link href="/apps/CAS/resources/login_mobile.css" rel="stylesheet" type="text/css" media="handheld, only screen and (max-device-width: 360px)" /> --> </head> <body id="cas"> <!--[if IE]> <div id="ie"> <![endif]--> <div class="loginPage"> <div class="loginTop"> <!-- Prevent div collapse --> <div class="loginTopLogo"> <img src="/screens/acllogo2020.png" alt=""> </div> </div> <div class="loginArea loginArea1Col"> <div class="clearfloats"></div> <!--end theForm1--> <form id="fm1" class="fm-v clearfix" method="post" action="/iii/cas/login;jsessionid=FE6CC7ADD37F6ECE9D1E3D943906F454?service=https%3A%2F%2Falam1.aclibrary.org%3A443%2Fpatroninfo~S0%2F0%2Fredirect%3D%2Fsearch~S0%3F%2FXuniversity%2Band%2Bscience%2Band%2Bdepartment%26SORT%3DD%2FXuniversity%2Band%2Bscience%2Band%2Bdepartment%26SORT%3DD%26SUBKEY%3Duniversity%2Band%2Bscience%2Band%2Bdepartment%2F1%252C35%252C35%252CC%2Frequestbrowse~b2425247%26FF%3DXuniversity%2Band%2Bscience%2Band%2Bdepartment%26SORT%3DD%2616%252C16%252CIIITICKET&scope=0"> <!--display any errors--> <!-- Message from client webapp to be displayed on the CAS login screen --> <div id="clientmessage"> <!--display any errors--> </div> <!-- end clientmessage --> <!--start theForm2--> <!-- Message from client webapp to be displayed on the CAS login screen --> <div id="clientmessage"> <!--display any errors--> </div> <!-- end clientmessage --> <!--display login form--> <div id="login"> <fieldset> <legend>Library Account Login</legend> <label for="code">Barcode</label> <div class="loginFieldBg"> <input id="code" name="code" type="text" value="" size="20" maxlength="40" tabindex="20" class="loginField"> </div> <div id="ipssopinentry"> <label for="pin">PIN</label> <div class="loginFieldBg"> <input id="pin" name="pin" type="password" value="" size="20" maxlength="64" tabindex="30" class="loginField"> </div> </div> <!--Modified by Pam Zhao on 5/12/2019: added the remember barcode check box--> <div> <label class="checkbox_input"><input name="rememberme" id="rememberme" type="checkbox">Remember Barcode</label> </div> <!--end theForm2--> <!--start theForm3--> <!-- This button is hidden unless using mobile devices. Even if hidden it enables Enter key to submit. --> <input type="submit" name="Log In" class="loginSubmit"> </fieldset> </div> <!-- end login --> <div class="clearfloats"></div> <div class="formButtons"> <a href="#" onclick="document.forms['fm1'].submit();"><div onmousedown="this.className='pressedState';" onmouseout="this.className='';" onmouseup="this.className='';"><div class="buttonSpriteDiv"><span class="buttonSpriteSpan1"><span class="buttonSpriteSpan2">Submit</span></span></div></div></a> </div> <!--end theForm3--> <!-- Spring Web Flow requirements must be in a certain place --> <input type="hidden" name="lt" value="_c282C9929-DBD3-2E66-EDF6-E1543AA88A7E_k57763F73-E601-83BB-06D8-13E09A41E328" /> <input type="hidden" name="_eventId" value="submit" /> </form> <!-- Java script to set the iput field to the values entered by user --> <script language="JavaScript" type="text/javascript"> var currentName = ''; var currentCode = ''; var currentExtpatid = ''; var currentExtpatserver = ''; var currentRememberme = ''; function setInputFields(currentName, currentCode, currentExtpatid, currentExtpatserver, currentRememberme){ var inputFld = document.getElementsByName('name'); if( inputFld.length > 0 && currentName != null ){ inputFld[0].setAttribute('value', currentName ); } inputFld = document.getElementsByName('code'); if( inputFld.length > 0 && currentCode != null ){ inputFld[0].setAttribute('value', currentCode ); } inputFld = document.getElementsByName('extpatid'); if( inputFld.length > 0 && currentExtpatid != null ){ inputFld[0].setAttribute('value', currentExtpatid ); } inputFld = document.getElementsByName('extpatserver'); if( currentExtpatserver != null && currentExtpatserver.length > 0 ){ for( var i = 0; i < inputFld.length ; i++ ){ var value = inputFld[i].getAttribute('value'); if( value != null && value == currentExtpatserver){ if( inputFld[i].type == 'radio' ) inputFld[i].checked = true; }else{ if( inputFld[i].type == 'radio' ) inputFld[i].checked = false; } } } inputFld = document.getElementsByName('rememberme'); if( inputFld.length > 0){ inputFld[0].checked = (currentRememberme != null && currentRememberme == 'on' ); } } setInputFields(currentName, currentCode, currentExtpatid, currentExtpatserver, currentRememberme); </script> <!--start theForm4--> <!--Enable form focus--> <script type="text/javascript"><!--//--><![CDATA[//><!-- //Hide the main PIN entry if the new pin section is active. try { if ( document.getElementById("ipssonewpin") ) { document.getElementById("ipssopinentry").style.display="none"; } } catch(err) {} //Look for the first field in the external patron part of the form. This field will get cursor focus. var ipssoFirstField; try { ipssoFirstField = document.forms[0].extpatid; } catch(err) { } //If we still don't have a field, look for the name field in the library account part. if ( ipssoFirstField==undefined ) { ipssoFirstField = document.forms[0].name; } //Set focus. Ignore errors. try { ipssoFirstField.focus(); } catch(err) {} document.onkeydown = enterSubmit function enterSubmit(e) { var keycode; if (window.event) keycode = window.event.keyCode; else if (e) keycode = e.which; if (keycode==13) document.forms[0].submit(); } //--><!]]></script> </div> <!-- end loginArea --> <div class="loginActions"> <p><font color="#337ab7"><b>Don鈥檛 have a PIN yet?</b> </font>Simply enter your Library Card or eCard number, leave the PIN field blank, and click Submit. You will be asked to set your PIN on the following screen.</p> <span class="loginAction"><a href="https://www.aclibrary.org/home">Home</a></span> <span class="loginActionSeparator"></span> <span class="loginActionScreenOnly"><a href="https://aclibrary.org/faq/library-accounts/#faq_415680">Get a Library Card</a></span> <span class="loginActionSeparator"></span> <span class="loginActionScreenOnly"><a href="/pinreset">Forgot your PIN?</a></span> </div> </div> <!-- loginPage --> <!--[if IE]> </div> <![endif]--> <!-- IPSSO html form updated 2010 June 29 --> </body> </html> <!--this is customized </iiidb/http/apps//CAS/resources/ipsso.html>--> <!--end theForm4-->