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" /> <!-- From orig <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="user-scalable=yes, width=device-width, initial-scale=1.0"> <!-- Vanilla <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)"> --> <!-- 19-34 from orig --> <script> (function(i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function() { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-80503000-1', 'auto'); ga('send', 'pageview'); </script> <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"> <header> <!-- positioning header in the upper left corner --> <div id="SetLeft" style="position:left; position:top;"> <!-- put image path in and change size as needed. display inline-block says sit next to the h3 element --> <a href="https://jeffcolibrary.org"><img id="headerImage" src=" https://cor-liv-cdn-static.bibliocommons.com/images/CO-JEFFERSON/logo.png?1510131116579" alt="Jefferson County Public Library" style="border:none; width:270px; margin-bottom: 10px;"></a> </div> <!-- this is just a div with purple background stretching the width of the screen --> <div id="purple" style="background-color:#5B2C86; width=100%; height: 40px;"> </div> </header> </div> <!-- Prevent div collapse --> <!-- <div class="loginTopLogo"> <a href="http://jeffcolibrary.org"><img src="http://encore.jefferson.lib.co.us/iii/encore/local/images/Transitional-Logo-WEB-Black.jpg" alt="Jefferson County Public Library"></a> </div> --> </div> <!-- Use for library-only authentication: --> <div style="margin-top: 15px;" class="loginArea loginArea1Col"> <div class="clearfloats"></div> <!-- <div class="loginTopLogo"> <a href="http://jeffcolibrary.org"><img src="http://encore.jefferson.lib.co.us/iii/encore/local/images/Transitional-Logo-WEB-Black.jpg" alt="Jefferson County Public Library"></a> </div> --> <!--end theForm1--> <form id="fm1" class="fm-v clearfix" method="post" action="/iii/cas/login;jsessionid=EC2CCD630B22D794A21D7F3C7A82BAD5?service=https%3A%2F%2Fsable.jefferson.lib.co.us%3A443%2Fpatroninfo~S27%2F0%2Fredirect%3D%2Frequestmulti~S27%2Fmylistsmulti%2Fsearch~S27%3F%2Fi9780903214148%2Fi9780903214148%2F-3%2C0%2C0%2CB%2F%3Fsave%3Db1262794%26returnurl%3D%2Fsearch~S27%3F%2Fi9780903214148%2Fi9780903214148%2F-3%2C0%2C0%2CB%2Fframeset%26FF%3Di9780911019056%261%2C1%2C%2Findexsort%3D-%26save_recid%3Db1262794IIITICKET&scope=27"> <!--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--> <!--display any errors--> <!-- 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 style="font-style:normal;">Classic Catalog<!--<p> </p><img src="http://jeffcolibrary.org/sites/default/files/login_title.jpg" alt="My Account Login" title="My Account Login" style="padding-left:10px;" />--> <br /> <br /> <!-- Library Account Login --> </legend> <!--Previously commented <label for="name">Name</label> <div class="loginFieldBg"> <input id="name" name="name" type="text" value="" size="20" maxlength="40" tabindex="15" class="loginField"> </div> --> <fieldset class="barcodeAltChoice"> <!-- <legend>Enter your barcode</legend> --> <label for="code">Library Card Number</label> <div class="loginFieldBg"> <input id="code" name="code" type="password" value="" size="20" maxlength="40" tabindex="20" class="loginField"> </div> <!-- <label for="user_name">Or: Your login/user name</label> <div class="loginFieldBg"> <input id="user_name" name="username" type="text" value="" size="20" maxlength="25" tabindex="25" class="loginField"> </div> --> </fieldset> <div id="ipssopinentry"> <label for="pin">PIN</label> <div class="loginFieldBg"> <input id="pin" name="pin" type="password" value="" size="15" maxlength="64" tabindex="30" class="loginField"> </div> </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> <!-- remember me checkbox --> <div style="padding-bottom:10px;padding-left:10px;"> <label class="checkbox_input"><input name="rememberme" id="rememberme" type="checkbox"></label> <label class="checkbox_label" for="rememberme">Remember Me</label> </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"><b>Log in</b></div> </div> </a> </div> <!--end theForm3--> <!-- Spring Web Flow requirements must be in a certain place --> <input type="hidden" name="lt" value="_c6ACDFA8F-00FE-1781-BA2E-94915516484F_k7039236C-E29E-4599-9112-688F37EBDEA1" /> <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--> <!-- 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 = 'off'; 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('extpatid'); if( inputFld.length > 0 && currentExtpatid != null ){ inputFld[0].setAttribute('value', currentExtpatid ); } /* Barcode Pass-thru inputFld = document.getElementsByName('code'); if( inputFld.length > 0 && currentCode != null ){ inputFld[0].setAttribute('value', currentCode ); } */ 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> <!--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="login-help"> <h3>To set your PIN,<br /> enter your library card number <br /> and click <strong>Log In.</strong></br></br> If you see an error, use <strong><a href="/pinreset ">this form</a></strong></br> to reset your existing PIN.</h3> <!-- <h3>Log in to:</h3> <ul> <li>Manage checkouts</li> <li>Renew items</li> <li>Place holds</li> <li>Pay fines</li> </ul> <p> </p> <p><strong>New to the Library? <a href="http://jeffcolibrary.org/get-library-card">Get a Library Card</a></strong></p> <p><strong> <a href="/pinreset ">Forgot your PIN?</a></strong></p>--> </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_s27.html>--> <!--end theForm4-->