CINXE.COM
Library Log in
<!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" /> <title>Library Log in</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_html.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_html.css"); --> </style> <!--[if IE]><link rel="stylesheet" type="text/css" href="/apps/CAS/resources/login_html.css" media="screen" /><![endif]--> <link href="/apps/CAS/resources/login_mobile.css" rel="stylesheet" type="text/css" media="handheld, only screen and (max-device-width: 480px)" /> </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/PAC_Library_Logo_RGB.jpg" alt="Library Logo"> </div> </div> <!-- Use for dual external and library authentication: --> <!-- Use for library-only authentication: --> <div class="loginArea loginArea1Col"> <div class="clearfloats"></div> <!--end theForm1--> <form id="fm1" class="fm-v clearfix" method="post" action="/iii/cas/login;jsessionid=44737B16B513640F152827D7CF2304C5?service=https%3A%2F%2Fcpalo.iii.com%3A443%2Fpatroninfo~S1%2FIIITICKET&scope=1"> <!--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> <fieldset class="barcodeAltChoice"> <legend>Enter your 14-digit library card number (2118500XXXXXXX) & 4-digit PIN</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" autocomplete="true"> </div> </fieldset> <label for="pin">PIN</label> <div class="loginFieldBg"> <input id="pin" name="pin" type="password" value="" size="20" maxlength="64" tabindex="30" class="loginField" autocomplete="true"> </div> <label class="checkbox_input"><input name="rememberme" id="rememberme" type="checkbox"></label> <label class="checkbox_label" for="rememberme">Remember this login information?</label> <!--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> </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="_c826FBA0A-9C64-6A8A-6D47-356E3F4DC6DF_kF46135CB-AE8D-BBB2-BF1F-477FA851AEB5" /> <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[//><!-- //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"> <span class="loginActionText">New to the library?</span> <span class="loginActionScreenOnly"><a href="/selfreg">Create an account</a></span> <span class="loginActionSeparator"></span> <span class="loginActionScreenOnly"><a href="/pinreset">Forget Your PIN?</a></span> <span class="loginActionSeparator"></span> <span class="loginAction"><a href="http://cpalo-mt.iii.com/iii/encore/?lang=eng">Home</a></span> </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-->