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="https://vulcan.bham.lib.al.us/scripts/common.js"></script> <!--<link rel="stylesheet" type="text/css" href="https://vulcan.bham.lib.al.us/apps/CAS/resources/login_mobile.css"> <link rel="stylesheet" type="text/css" href="https://vulcan.bham.lib.al.us/apps/CAS/resources/login.css" media="screen and (min-device-width: 481px)"> --> <link rel="stylesheet" type="text/css" href="https://vulcan.bham.lib.al.us/apps/CAS/resources/login_mobile.css" /> <style type="text/css" media="screen and (min-width: 481px)"> <!-- @import url("https://vulcan.bham.lib.al.us/apps/CAS/resources/login.css"); --> </style> <!--[if IE]><link rel="stylesheet" type="text/css" href="https://vulcan.bham.lib.al.us/apps/CAS/resources/login.css" media="screen" /><![endif]--> <link href="https://vulcan.bham.lib.al.us/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=https://vulcan.bham.lib.al.us/screens/jeffa_encore.jpg alt="JCLC"> </div> </div> <!-- Use for dual external and library authentication: --> <div class="loginArea loginArea2Col"> <!-- 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=50520189C0D3FBF8A38E0BC4FD2338EE?service=https%3A%2F%2Fvulcan.bham.lib.al.us%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 --> <!-- If not using campus/external verification you can comment out this section up to "end loginldap" --> <!--<div id="login_ldap"> <fieldset> <legend>Campus Login</legend> <label for="extpatid">Username</label> <div class="loginFieldBg"> <input id="extpatid" name="extpatid" type="text" value="" size="20" maxlength="40" tabindex="5" class="loginField"> </div> <label for="extpatpw">Password</label> <div class="loginFieldBg"> <input id="extpatpw" name="extpatpw" type="password" value="" size="20" maxlength="40" tabindex="10" class="loginField"> </div> <!-- This button is a duplicate submit for convenience on mobile devices. --> <!-- <input name="extpatsubmit" type="button" value="Submit" tabindex="12" class="loginSubmit" onclick="document.forms['fm1'].submit();"> </fieldset> </div>--> <!-- end loginldap --> <!--display login form--> <div id="login"> <fieldset> <!-- <legend>Library Account Login</legend>--> <span><p>Library Account Login</br> <span style="color:red;"> Click on Submit. Do not press Enter.</span></p></span> <!-- <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">Barcode</label> <div > <input id="code" name="code" type="text" 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> --> <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> </fieldset> <!--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> <label class="checkbox_input"><input name="rememberme" id="rememberme" type="checkbox"></label> <label class="checkbox_label" for="rememberme">Remember this login information?</label> <!--end theForm3--> <!-- Spring Web Flow requirements must be in a certain place --> <input type="hidden" name="lt" value="_cE61A8E47-42D5-018B-CF71-D10EE33874DA_k09760E94-0ADB-B2BE-03BB-594DEBD925D0" /> <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"> <span class="loginActionText">Don't have a library card? Get an </span> <span class="loginActionScreenOnly"> <a href="https://vulcan.bham.lib.al.us/selfreg">eCard</a></span> <span class="loginActionSeparator"> </span> <span class="loginAction"><a href="http://www.jclc.org">Home</a></span> <ul> <li><a href="https://www.jclc.org/info/card/">More Information about Library Cards</a></li> <li><a href="https://vulcan.bham.lib.al.us/pinreset">Forgot Your PIN?</a></li> <li>NOTE: Barcode is located on the back of your library card. </li> <li><span style="color:black"><span style="color:red;">PIN Creation:</span> Type in barcode. Then click on Submit. Type in your PIN and confirm. <br /> <br />PINs are between 4 and 8 characters, numbers and/or letters. </span></li> </ul> </div> </div> <!-- loginPage --> <!--[if IE]> </div> <![endif]--> <!-- IPSSO html form updated 2017 Sept 9 --> </body> </html> <!--this is customized </iiidb/http/apps//CAS/resources/ipsso.html>--> <!--end theForm4-->