Confirm Clearing of Basket - Linn-Benton Community College System

<!DOCTYPE html> <html lang='en-EN'> <head prefix="og: http://ogp.me/ns#"> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name = "viewport" content = "width=device-width, initial-scale = 1.0">  <link rel="stylesheet" href="https://libcat.linnbenton.edu/opac/deps/node_modules/bootstrap/dist/css/bootstrap.min.css?3079e2"> <link rel="stylesheet" href="https://libcat.linnbenton.edu/opac/deps/node_modules/@fortawesome/fontawesome-free/css/all.css?3079e2" /> <link rel="stylesheet" href="https://libcat.linnbenton.edu/js/ui/default/common/build/js/glide/css/glide.core.min.css?3079e2"> <link rel="stylesheet" href="https://libcat.linnbenton.edu/js/ui/default/common/build/js/glide/css/glide.theme.min.css?3079e2"> <link rel="stylesheet" href="https://libcat.linnbenton.edu/opac/deps/node_modules/@duetds/date-picker/dist/duet/themes/default.css?3079e2" /> <link rel="stylesheet" href="https://libcat.linnbenton.edu/css/skin/default/opac/semiauto.css?3079e2" /> <link rel="stylesheet" href="/eg/opac/css/style.css?3079e2&dir=ltr" /> <link rel="stylesheet" type="text/css" href="/eg/opac/css/style_override.css?3079e2" /> <link rel="stylesheet" href="/eg/opac/css/mediaQuery.css?3079e2" /> <title> Confirm Clearing of Basket - Linn-Benton Community College System</title> <link rel="unapi-server" type="application/xml" title="unAPI" href="/opac/extras/unapi" /> <link type="application/opensearchdescription+xml" rel='search' title="Linn-Benton Community College System OpenSearch" href="/opac/extras/opensearch/1.1/LBCC/-/osd.xml" /> <meta property="og:title" content="Confirm Clearing of Basket" /> <meta property="og:site_name" content="Linn-Benton Community College System" /> <style> @import "https://libcat.linnbenton.edu/js/dojo/dijit/themes/tundra/tundra.css?3079e2"; </style> <script src="https://libcat.linnbenton.edu/opac/deps/node_modules/jquery/dist/jquery.min.js?3079e2"></script> </head> <body class="tundra d-flex flex-column min-vh-100 "> <a class="skip-link" href="#main">Skip to main content</a> <div class="mb-3"> <header> <div id="header-wrap"> <nav class="navbar navbar-expand-lg navbar-dark ">  <a class="navbar-brand" href="/eg/opac/"><img id="topnav_logo_image" alt="Evergreen Logo" src="https://libcat.linnbenton.edu/opac/images/lbcc_small_logo.png?3079e2" class="mr-2" /></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav">  <ul class="navbar-nav nav-fl px-3">  <li class="nav-item"> <a class="nav-link" href="https://www.linnbenton.edu/library">Library Home<span class="sr-only">(current)</span></a> </li>  <li class="nav-item"> <a class="nav-link" href="https://linnbenton.libguides.com/az.php">Databases</a> </li>  <li class="nav-item"> <a class="nav-link" href="https://www.linnbenton.edu">LBCC Home</a> </li> </ul>  <ul class="navbar-nav ml-auto nav-fr px-3">  <li class="nav-item"> <a href="#loginModal" data-toggle="modal" data-target="#loginModal" class="nav-link login"> My Account </a> </li>   </ul> </div> </nav> </div> <div id="subheader-wrap"> <div class="container-fluid"> <div class="row"> <div class="col"> <nav class="nav secondary-nav" aria-label="Search and Browse"> <a href="/eg/opac/home?qtype=keyword;locg=8;detail_record_view=1;query=9780292776234" class="nav-link search_catalog_lbl">Basic Search</a> <a href="/eg/opac/browse?qtype=keyword;locg=8;detail_record_view=1" class="nav-link browse_the_catalog_lbl">Browse the Catalog</a> <a href="/eg/opac/advanced?qtype=keyword;locg=8;detail_record_view=1;query=9780292776234" id="home_adv_search_link" class="nav-link adv_search_catalog_lbl">Advanced Search</a> <a href="/eg/opac/course_search?qtype=keyword;locg=8;detail_record_view=1;query=9780292776234" id="home_course_search_link" class="nav-link search_courses_lbl">Search Courses</a> <a href="/eg/opac/course_browse?qtype=keyword;locg=8;detail_record_view=1;query=9780292776234" id="home_course_browse_link" class="nav-link browse_courses_lbl">Browse Courses</a> </nav> </div> <div class="col-auto"> <div id="basket_actions"> <div id="select_basket_action" class="dropdown"> <button type="button" class="btn p-1" id="cartDropdown" data-toggle="dropdown" aria-label="View basket" aria-describedby="record_basket_count"> <img id="cart_icon_image" src="https://libcat.linnbenton.edu/images/cart-sm.png?3079e2" alt=""> <div id="record_basket_count_floater" role="status" aria-labelledby="cartDropdown"> <span id="record_basket_count">0</span> </div> </button> <div class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="cartDropdown"> <a class="dropdown-item" role="menuitem" href="/eg/opac/mylist?qtype=keyword;locg=8;detail_record_view=1;query=9780292776234"><i class="fas fa-glasses" aria-hidden="true"></i> View Basket</a> <a class="dropdown-item" role="menuitem" href="/eg/opac/mylist/move?qtype=keyword;locg=8;detail_record_view=1;query=9780292776234;action=place_hold;entire_list=1"><i class="fas fa-book" aria-hidden="true"></i> Place Holds</a> <a class="dropdown-item" role="menuitem" href="/eg/opac/mylist/print?qtype=keyword;locg=8;detail_record_view=1;query=9780292776234"><i class="fas fa-print" aria-hidden="true"></i> Print Title Details</a> <a class="dropdown-item" role="menuitem" href="/eg/opac/mylist/email?qtype=keyword;locg=8;detail_record_view=1;query=9780292776234"><i class="fas fa-envelope" aria-hidden="true"></i> Email Title Details</a> <a class="dropdown-item" role="menuitem" href="/eg/opac/myopac/lists?qtype=keyword;locg=8;detail_record_view=1;query=9780292776234;move_cart_by_default=1;from_basket=1"><i class="fas fa-list" aria-hidden="true"></i> Add Basket to Saved List</a> <a class="dropdown-item" role="menuitem" href="/eg/opac/mylist/clear?qtype=keyword;locg=8;detail_record_view=1;query=9780292776234"><i class="fas fa-trash" aria-hidden="true"></i> Clear Basket</a> </div> </div> </div> </div> </div> </div> </div> </header> <div role="search" aria-label="Catalog"> <div id="search-wrapper" class="container-fluid"> <form action="/eg/opac/results" method="get"> <div class="row m-3 align-items-end">  <div class="col col-search-box"> <div class='search_box_wrapper'> <label id="search_box_label" for="search_box" class="form-label w-100">Search: </label> <input class="form-control form-control-sm" type="search" id="search_box" name="query" aria-label="Enter search query:" value="9780292776234" /> </div> </div>  <div class="w-100 d-block d-sm-none"></div>  <div class="col col-search-box"> <label id="search_qtype_label" for="qtype" class="form-label w-100">Type: </label> <select class="form-control w-100" name="qtype" id="qtype" title="Select query type:"> <option value='keyword' selected="selected">Keyword</option> <option value='title'>Title</option> <option value='author'>Author</option> <option value='subject'>Subject</option> <option value='keyword|professor'>Professor</option> <option value='keyword|course'>Course</option> <option value='series'>Series</option> <option value='bookplate'>Digital Bookplate</option> </select> </div>  <div class="w-100 d-block d-md-none"></div>  <div class="col col-search-box"> <label id="search_itype_label" for="search_itype_selector" class="form-label w-100">Format: </label> <select class="form-control w-100" id='search_itype_selector' name='fi:search_format'> <option value=''>All Formats</option> <option value='book'>All Books</option> <option value='music'>All Music</option> <option value='video'>All Videos</option> <option value='casmusic'>Audiocassette music recording</option> <option value='blu-ray'>Blu-ray</option> <option value='braille'>Braille</option> <option value='casaudiobook'>Cassette audiobook</option> <option value='cdaudiobook'>CD Audiobook</option> <option value='cdmusic'>CD Music recording</option> <option value='dvd'>DVD</option> <option value='eaudio'>E-audio</option> <option value='ebook'>E-book</option> <option value='evideo'>E-video</option> <option value='equip'>Equipment, games, toys</option> <option value='kit'>Kit</option> <option value='lpbook'>Large Print Book</option> <option value='map'>Map</option> <option value='microform'>Microform</option> <option value='score'>Music Score</option> <option value='phonomusic'>Phonograph music recording</option> <option value='phonospoken'>Phonograph spoken recording</option> <option value='picture'>Picture</option> <option value='preloadedaudio'>Preloaded Audio</option> <option value='serial'>Serials and magazines</option> <option value='software'>Software and video games</option> <option value='vhs'>VHS</option> </select> </div>  <div class="w-100 d-block d-sm-none"></div>  <div class="col col-search-box"> <label id="search_locg_label" for="search_org_selector" class="form-label w-100">Library: </label> <select id='search_org_selector' title='Select search library' name='locg' class="form-control"> <option value='1' class="org_unit">  Linn Libraries Consortium </option> <option value='2' class="org_unit">    Albany Public Library </option> <option value='4' class="org_unit">      Albany Main Library </option> <option value='5' class="org_unit">      Albany Carnegie Library </option> <option value='6' class="org_unit">    Lebanon Public Library </option> <option value='102' class="org_unit">    Sweet Home Public Library </option> <option value='104' class="org_unit">    Harrisburg Public Library </option> <option value='106' class="org_unit">    Scio Public Library </option> <option value='7' class="org_unit">    LBCC Albany Campus Library </option> <option value='110' class="org_unit">    Mid-Valley STEM CTE HUB </option> </select> </div>  <div class="w-100 d-block d-md-none"></div> <div class="col col-auto col-search-button"> <input id="detail" type="hidden" name="detail_record_view" value="1"/> <button id='search-submit-go' type="submit" class="btn btn-sm btn-opac" onclick='setTimeout(function(){$("search-submit-spinner").className=""; $("search-submit-go").className="hidden"; $("search-submit-go-depth").className="hidden";}, 2000)'><i class="fas fa-search" aria-hidden="true"></i> Search</button> <button id='search-submit-go-depth' type="submit" value="0" name="depth" class="btn btn-sm btn-opac" onclick='setTimeout(function(){$("search-submit-spinner").className=""; $("search-submit-go").className="hidden"; $("search-submit-go-depth").className="hidden";}, 2000)' title="Select this option to expand your results to all libraries while retaining the priority of your selected librarys holdings."><i class="fas fa-globe" aria-hidden="true"></i> All Libraries</button> <img id='search-submit-spinner' src='https://libcat.linnbenton.edu/opac/images/progressbar_green.gif?3079e2' class='hidden' alt='Search In Progress'/> </div> </div> </form> <script> function getAdvLimits() { var AdvLimitsClass = document.getElementById('adv_filter_results_block').classList; if (AdvLimitsClass.contains("adv_filter_results_hide")) { AdvLimitsClass.remove("adv_filter_results_hide"); } else { AdvLimitsClass.add("adv_filter_results_hide"); } if (AdvLimitsClass.contains("adv_filter_results_show")) { AdvLimitsClass.remove("adv_filter_results_show"); } else { AdvLimitsClass.add("adv_filter_results_show"); } } </script>   </div> </div> <main id="main"> <div class="container"> <hr> <h3>Confirm Clearing of Basket</h3> <p class="big-strong">Please confirm that you want to remove all 0 titles from the basket. <form method="post" action="/eg/opac/cache/clear"> <input type="hidden" name="redirect_to" value="" /> <button id="print_cart_submit" type="submit" value="Confirm" class="btn btn-confirm"><i class="fas fa-check" aria-hidden="true"></i> Confirm</button> <button type="reset" onclick="window.location=''" id="clear_basket_cancel" class="btn btn-deny"><i class="fas fa-times-circle" aria-hidden="true"></i> Cancel</button> </form> </div> </main> </div> <div id="footer-wrap" class="mt-auto"> <div id="footer"> <div class="row mx-0"> <div class="col-12 col-lg-3"> </div> <div class="col-12 col-lg-6"> <nav class="navbar navbar-expand-lg navbar-dark "> <div class="row w-100"> <div class="col-12"> <ul class="navbar-nav">  <li class="nav-item"><a class="nav-link" href="/eg/opac/register?qtype=keyword;locg=8;detail_record_view=1;query=9780292776234">Request Library Card</a></li> <li class="nav-item"><a class="nav-link" href="https://www.linnbenton.edu/library">Library Home<span class="sr-only">(current)</span></a></li> <li class="nav-item"><a class="nav-link" href="https://linnbenton.libguides.com/az.php">Databases</a></li> <li class="nav-item"><a class="nav-link" href="https://www.linnbenton.edu">LBCC Home</a></li> </ul> </div> </div> </nav> <div id="copyright_text" class="mt-3"> Copyright © 2006-2025 Georgia Public Library Service, and others <div id="footer_logo"> Powered by <a href="http://evergreen-ils.org"> <img id="footer_logo_image" src="https://libcat.linnbenton.edu/opac/images/eg_tiny_logo.png?3079e2" alt="Evergreen" /> </a> </div> </div> </div> <div class="col-12 col-lg-3"> <nav id="lang_select" aria-labelledby="lang_select_header" class="language_form"> <b id="lang_select_header"> <i class="fas fa-globe" aria-hidden="true"></i> Language </b> <ul class="list-unstyled"> <li> <a href="/eg/opac/mylist/clear?qtype=keyword;locg=8;detail_record_view=1;query=9780292776234;set_eg_locale=es_es" >Spanish</a> </li> <li> <a href="/eg/opac/mylist/clear?qtype=keyword;locg=8;detail_record_view=1;query=9780292776234;set_eg_locale=en_us" >English (US)</a> </li> </ul> </nav> </div> </div> </div> </div> <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <form method='post' action="/eg/opac/login?redirect_to=%2Feg%2Fopac%2Fmyopac%2Fmain"> <div class="modal-header"> <h1 class="modal-title" id="exampleModalLabel">Login</h1> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <i class="fas fa-times" aria-hidden="true"></i> </button> </div> <div class="modal-body"> <div class='container'> <div class="table table-borderless table-sm"> <div class="row"> <div class="col-sm w-50"> <label for='username_field' class="lbl1" >Library Card Number or Username - Student ID <a href="#" title="<div> Please enter your full library card number or username, including leading zeros and no spaces. <br> Example: Xxxxxxxxx or 9xxxxxxxx if Dual enrolled. </div>" data-html="true" data-toggle="tooltip"> <i class="fas fa-question-circle"></i></a></label> </div> <div class="col-sm w-50"> <label for="password_field" class="lbl1" >PIN or Password <a href="#" title="<div>If this is your first time logging in, please enter your year of birth. EX. 1965. After logging in, you can change your PIN if so desired. Changing it is highly recommended. </div> " data-html="true" data-toggle="tooltip"> <i class="fas fa-question-circle"></i> </a></label> </div> </div> <div class="row"> <div class="col-sm w-50"> <input class="form-control" type='text' id="username_field" name="username"/> </div> <div class="col-sm w-50"> <input class="form-control" id="password_field" name="password" type="password"/> </div> </div> <div class="row"> <div class="col-sm w-50"> <a href='/eg/opac/register'>Request A Card</a> </div> <div class="col-sm w-50"> <a href='/eg/opac/password_reset'>Forgot Your Password? </a> </div> </div> </div> <div class="mx-auto row py-4"> <div style="clear: both; padding-top: 15px;" class="col-12"> </div> <input id="client_tz_id" name="client_tz" type="hidden" /> </div> </div> </div> <div class="modal-footer"> <div class="mr-auto"> <input type='hidden' name='redirect_to' value='https://libcat.linnbenton.edu/eg/opac/myopac/main'/> <input type="checkbox" name="persist" id="login_persist" class="mr-1"/> <label for="login_persist"> Stay logged in?</label> </div> <button type="button" class="btn btn-secondary" data-dismiss="modal"><i class="fas fa-times" aria-hidden="true"></i> Close</button> <button type="submit" class="btn btn-confirm"><i class="fas fa-sign-in-alt" aria-hidden="true"></i> Log in</button> </div> </form> </div> </div> </div> <script src="https://libcat.linnbenton.edu/js/ui/default/opac/simple.js?3079e2"></script>  <script> // Add a boost-style format function to JavaScript string. // Implementation stolen from StackOverflow: // https://stackoverflow.com/questions/610406/javascript-equivalent-to-printf-string-format String.prototype.format = function() { var args = arguments; return this.replace(/{(\d+)}/g, function(match, number) { return typeof args[number] != 'undefined' ? args[number] : match; }); }; var eg_opac_i18n = {}; eg_opac_i18n.EG_MISSING_REQUIRED_INPUT = "Please fill out all required fields"; eg_opac_i18n.EG_INVALID_DATE = "That is not a valid date in the future."; // For multiple holds placement confirmation dialog. {0} is replaced by number of copies requested. eg_opac_i18n.EG_MULTIHOLD_MESSAGE = "Do you really want to place {0} holds for this title?"; // For Read More functionality eg_opac_i18n.EG_READ_MORE = "Read More"; eg_opac_i18n.EG_READ_LESS = "Read Less"; </script>   <script > function dobValidate(input) { var validformat = /^(19|20)\d\d([- /.])(0[1-9]|1[012])\2(0[1-9]|[12][0-9]|3[01])$/ var returnval = false if (!validformat.test(input.value)) alert("You have entered an invalid date, or an improperly formatted date. Please enter Date of Birth in YYYY-MM-DD or YYYY/MM/DD format and try again.") else returnval = true if (returnval == false) input.select() return returnval } </script> <script> window.egStrings = []; window.egStrings['CONFIRM_BASKET_EMPTY'] = "Remove all records from basket?"; </script> <script src='https://libcat.linnbenton.edu/js/ui/default/opac/record_selectors.js?3079e2' async defer></script>  <script > var djConfig = { locale: "en", parseOnLoad: true, isDebug: false }, lang, bidi; </script> <script src="https://libcat.linnbenton.edu/js/dojo/dojo/dojo.js?3079e2"></script>  <script src="https://libcat.linnbenton.edu/js/dojo/opensrf/opensrf.js?3079e2"></script> <script src="https://libcat.linnbenton.edu/js/dojo/opensrf/opensrf_xhr.js?3079e2"></script> <script src="https://libcat.linnbenton.edu/js/dojo/opensrf/JSON_v1.js?3079e2"></script> <script src='https://libcat.linnbenton.edu/js/ui/default/opac/test_notification.js'></script>  <script > var aou_hash = { 6 : { id : "6", name : "Lebanon Public Library", parent_ou : "3", depth : "2", can_have_vols : "t" }, 105 : { id : "105", name : "Scio Public Library System", parent_ou : "1", depth : "1", can_have_vols : "f" }, 1 : { id : "1", name : "Linn Libraries Consortium", parent_ou : "", depth : "0", can_have_vols : "f" }, 110 : { id : "110", name : "Mid-Valley STEM CTE HUB", parent_ou : "8", depth : "2", can_have_vols : "t" }, 104 : { id : "104", name : "Harrisburg Public Library", parent_ou : "103", depth : "2", can_have_vols : "t" }, 3 : { id : "3", name : "Lebanon Public Library System", parent_ou : "1", depth : "1", can_have_vols : "f" }, 106 : { id : "106", name : "Scio Public Library", parent_ou : "105", depth : "2", can_have_vols : "t" }, 102 : { id : "102", name : "Sweet Home Public Library", parent_ou : "101", depth : "2", can_have_vols : "t" }, 5 : { id : "5", name : "Albany Carnegie Library", parent_ou : "2", depth : "2", can_have_vols : "t" }, 109 : { id : "109", name : "Albany Delivery Service", parent_ou : "4", depth : "3", can_have_vols : "t" }, 7 : { id : "7", name : "LBCC Albany Campus Library", parent_ou : "8", depth : "2", can_have_vols : "t" }, 103 : { id : "103", name : "Harrisburg Public Library System", parent_ou : "1", depth : "1", can_have_vols : "f" }, 9 : { id : "9", name : "LBCC Healthcare Occupations Center", parent_ou : "8", depth : "2", can_have_vols : "t" }, 8 : { id : "8", name : "Linn-Benton Community College System", parent_ou : "1", depth : "1", can_have_vols : "f" }, 4 : { id : "4", name : "Albany Main Library", parent_ou : "2", depth : "2", can_have_vols : "t" }, 108 : { id : "108", name : "LBCC Benton Center", parent_ou : "8", depth : "2", can_have_vols : "t" }, 101 : { id : "101", name : "Sweet Home Public Library System", parent_ou : "1", depth : "1", can_have_vols : "f" }, 2 : { id : "2", name : "Albany Public Library", parent_ou : "1", depth : "1", can_have_vols : "f" } }; </script> <script >if ($('#client_tz_id')) { $('#client_tz_id').value = OpenSRF.tz }</script> <script >var max_cart_size = 500;</script>  <script src="https://libcat.linnbenton.edu/opac/deps/node_modules/popper.js/dist/umd/popper.min.js?3079e2"></script> <script src="https://libcat.linnbenton.edu/opac/deps/node_modules/bootstrap/dist/js/bootstrap.min.js?3079e2"></script> <script src="https://libcat.linnbenton.edu/opac/deps/node_modules/@duetds/date-picker/dist/duet/duet.js?3079e2"></script> <script> // Datepicker format conversion // See https://duetds.github.io/date-picker/ const DATE_FORMAT_US = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/ document.querySelectorAll("duet-date-picker").forEach(picker => { picker.dateAdapter = { parse(value = "", createDate) { const matches = value.match(DATE_FORMAT_US) if (matches) { return createDate(matches[3], matches[1], matches[2]) } }, format(date) { return `${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}` }, } picker.localization = { buttonLabel: "Choose date", placeholder: "mm/dd/yyyy", selectedDateMessage: "Selected date is", prevMonthLabel: "Previous month", nextMonthLabel: "Next month", monthSelectLabel: "Month", yearSelectLabel: "Year", closeLabel: "Close date picker", calendarHeading: "Choose a date", dayNames: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], monthNames: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], monthNamesShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], locale: "en-US", } }); // Password visibility eye $(document).ready(function(){ $("#loginModal").on('shown.bs.modal', function(){ $(this).find('#username_field').focus(); }); // password visibility eye let btn = document.getElementById('show_password'); let input = document.getElementById('password_field'); let icon = btn.querySelector('i'); btn.addEventListener('click', () => { if(input.type == 'password'){ input.type = 'text'; icon.setAttribute('class', 'fas fa-eye'); btn.setAttribute('aria-checked', 'true'); }else { input.type = 'password'; icon.setAttribute('class', 'fas fa-eye-slash'); btn.setAttribute('aria-checked', 'false'); } input.focus(); }); let loginForm = document.getElementById('login_form'); loginForm.addEventListener('submit', ()=>{ input.type = 'password'; }); }); </script> <script> // roving tabindex for closed summaries (focusable children bug workaround) window.addEventListener('load', () => { document.querySelectorAll('details').forEach(details => details.querySelectorAll('a, button, input, select, textarea').forEach(el => { el.setAttribute('tabindex', details.open ? 0 : -1); }) ); }); document.querySelectorAll('details').forEach(details => details.addEventListener('toggle', () => { details.querySelectorAll('a, button, input, select, textarea').forEach(el => { el.setAttribute('tabindex', details.open ? 0 : -1); }); }) ); document.querySelectorAll('.cover-img').forEach(img => { if ( img.offsetWidth < 2 ) { img.parentNode.remove(); } }); </script> <script> /* Based on Toggletips by Heydon Pickering, https://inclusive-components.design/tooltips-toggletips/ */ /* Modified to work with existing aria-label; added mouseenter and mouseleave events that toggle the role attribute */ (function() { // Get all the toggletip buttons var toggletips = document.querySelectorAll('[data-toggletip]'); // Iterate over them Array.prototype.forEach.call(toggletips, function(toggletip) { // remove title attributes from things that should not be toggletips if ( !['a', 'button'].includes(toggletip.tagName.toLowerCase()) ) { toggletip.removeAttribute('title'); return; } // Create the container element var container = document.createElement('span'); container.setAttribute('class', 'toggletip-container'); toggletip.after(container); // Create the live region var liveRegion = document.createElement('span'); liveRegion.setAttribute('role', 'status'); container.appendChild(liveRegion); // Build tooltip content from title var message = toggletip.getAttribute('title'); toggletip.removeAttribute('title'); toggletip.setAttribute('role', 'button'); toggletip.setAttribute('tabindex', '0'); // in case someone forgot the href // Toggle the message toggletip.addEventListener('click', function() { liveRegion.innerHTML = ''; document.querySelectorAll('.toggletip-bubble').forEach(bubble => bubble.remove()); window.setTimeout(function() { liveRegion.innerHTML = '<span class="toggletip-bubble">'+ message +'</span>'; }, 100); }); toggletip.addEventListener('mouseenter', function() { // don't announce on hover liveRegion.removeAttribute('role'); liveRegion.innerHTML = ''; document.querySelectorAll('.toggletip-bubble').forEach(bubble => bubble.remove()); window.setTimeout(function() { liveRegion.innerHTML = '<span class="toggletip-bubble">'+ message +'</span>'; }, 100); }); // Close on outside click document.addEventListener('click', function (e) { if (toggletip !== e.target) { liveRegion.innerHTML = ''; } }); // Remove toggletip on ESC toggletip.addEventListener('keydown', function(e) { if (e.key === 'Escape') liveRegion.innerHTML = ''; }); // Remove on blur toggletip.addEventListener('blur', function (e) { liveRegion.innerHTML = ''; }); // Remove toggletip on mouseleave and reset role to status toggletip.addEventListener('mouseleave', function(e) { liveRegion.innerHTML = ''; liveRegion.setAttribute('role', 'status'); }); }); }()); </script> <script> $(document).ready(function(){ $('.tooltip').tooltip(); }); </script> </body> </html>

CINXE.COM

Confirm Clearing of Basket - Linn-Benton Community College System