<!DOCTYPE html><html lang="en"> <head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NFM95BJ');</script> <!-- End Google Tag Manager --> <base href="https://ipha.webscribble.com/"> <title>Page not found | Illinois Pharmacists Jobs</title> <meta name="description" content="Career website"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5" > <meta name="apple-mobile-web-app-capable" content="yes"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="LZ2BYLo4Sjs3K485Dj1J977NutPbQqkWN3fMtN4J" name="csrf-token"> <meta content="index,follow" name="robots"> <script> function loadScripts(source, callback) { if (!(source != null && (typeof source == 'string' || typeof source == 'object'))) return; let src = typeof source == 'string' ? [source] : source; let total = []; let loaded = []; let failed = []; let fn = function (e) { if (e.type == 'load') loaded.push(e.target.src); else failed.push(e.target.src); if ((loaded.length + failed.length) == total.length && typeof callback == 'function') callback(!!failed.length, loaded, failed); }; let load = function (src) { let s = document.createElement('script'); s.type = 'application/javascript'; s.src = src; s.addEventListener('error', fn, false); s.addEventListener('load', fn, false); document.getElementsByTagName('head')[0].appendChild(s); return s.src; }; for (let i in src) { let s = src[i].split(/[\s,]+/); for (let j in s) if (total.indexOf(s[j]) < 0) total.push(load(s[j])); } } function loadStyles(source, callback) { if (!(source != null && (typeof source == 'string' || typeof source == 'object'))) return; let src = typeof source == 'string' ? [source] : source; let total = []; let loaded = []; let failed = []; let fn = function (e) { if (e.type == 'load') loaded.push(e.target.src); else failed.push(e.target.src); if ((loaded.length + failed.length) == total.length && typeof callback == 'function') callback(!!failed.length, loaded, failed); }; let load = function (src) { let s = document.createElement('link'); s.rel = 'stylesheet'; s.href = src; s.addEventListener('error', fn, false); s.addEventListener('load', fn, false); document.getElementsByTagName('head')[0].appendChild(s); return s.src; }; for (let i in src) { let s = src[i].split(/[\s,]+/); for (let j in s) if (total.indexOf(s[j]) < 0) total.push(load(s[j])); } } function trackEvent(url, data, method = 'GET') { $.ajax({ url: url, method: method, data: data || {}, async: true, cache: false, success: (response) => { let trackingCode = response.code || ''; $('body').append(trackingCode) }, }); } function triggerEvent(name, element = document) { if(!name) return; const event = new Event(name); element.dispatchEvent(event); } if (typeof grecaptcha === 'undefined') { grecaptcha = {}; } grecaptcha.alreadyLoaded = [] grecaptcha.loadFromCDN = function(url, params) { if (! this.alreadyLoaded.includes(url)) { this.alreadyLoaded.push(url); let script = document.createElement('script'); script.setAttribute('type', 'text/javascript'); script.setAttribute('src', url); for (let i in params) { script.setAttribute(params[i], ''); } document.body.appendChild(script); } } grecaptcha.ready = function(cb){ if (typeof grecaptcha === 'object' && typeof grecaptcha.execute === 'undefined') { const c = '___grecaptcha_cfg'; window[c] = window[c] || {}; (window[c]['fns'] = window[c]['fns']||[]).push(cb); } else { setTimeout(function() { cb(); }, 1000) } }</script> <!--link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css"--> <link rel="stylesheet" href="themes/ipha_ng/css/style.css?1712229845"> <script src="themes/nextgen/js/jquery.min.js?1549902715"></script> <script src="themes/nextgen/js/bootstrap.min.js?1549902715"></script> <script src="themes/nextgen/js/plugins.js?1549902715"></script> <script src="js/common.min.js"></script> <script> $(function() { triggerEvent('jqueryReady'); triggerEvent('bootstrapReady'); triggerEvent('commonReady'); }) </script> <link href="themes/nextgen/css/custom.css?1549902715" rel="stylesheet"><link href="themes/ipha_ng/css/theme_style.min.css?1600258413" rel="stylesheet"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"><script type="text/javascript" src="themes/ipha_ng/js/theme_script.min.js?1679914537"></script> <meta property="og:type" content="website"> <meta property="og:site_name" content="Illinois Pharmacists Association"> <meta property="og:title" content="Page not found | Illinois Pharmacists Jobs"> <meta property="og:description" content="Career website"> <meta property="og:image" content="http://ipha.webscribble.com/themes/ipha_ng/images/logo.png"> <meta property="og:url" content="http://ipha.webscribble.com/rss/feed.xml"> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript> <iframe title="Google Tag Manager" src="https://www.googletagmanager.com/ns.html?id=GTM-NFM95BJ" height="0" width="0" style="display:none;visibility:hidden"> </iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!--Start top and Logo--> <div id="banner-header-wide-1"></div> <div class="ipha-header"> <div class="over-header-wrap"> <div class="over-header-1"> <div class="ipha-width"> <div class="left-group"> <div class="moduletable mc-search"> <form action="http://www.ipha.org/index.php?option=com_search" method="post" name="mod_search_form" class="mc-site-search-mod"> <div class="search mc-search"> <input name="searchword" id="mod_search_searchword" alt="Search" class="inputbox inputbox mc-search" type="text" size="20" value="" placeholder="Search our site..." onfocus="this.placeholder = ''" onblur="this.placeholder = 'Search our site...'"><a href="#" class="test button mc-search">Search</a> </div> <input type="hidden" name="task" value="search"> <input type="hidden" name="option" value="com_search"> <input type="hidden" name="adb4a733c72cdfb906581a6245e1d0cb" value="1"> </form> </div> </div> <div class="right-group"> <div class="moduletable"> <ul class="menu simple-menu"> <li><a href="http://www.ipha.org/home-"><span>Home</span></a></li> <li><a href="http://www.ipha.org/join-today-"><span>Join Today!</span></a></li> <li><a href="http://www.ipha.org/renew-"><span>Renew!</span></a></li> <li><a href="http://www.ipha.org/events"><span>Events</span></a></li> </ul> </div> </div> <div class="clarence"></div> </div> </div> </div> <div id="header"> <div class="ipha-width relative"> <div class="left-group"> <div class="moduletable mc-logo-link"> <a title="Illinois Pharmacists Association" href="http://www.ipha.org/"><img src="themes/ipha_ng/images/logo.png?1523643550" alt=""></a> <button class="ipha-button-mobile"> <i></i> <i></i> <i></i> </button> </div> </div> <div class="right-group ipha-hide-mobile"> <div class="moduletable mc-login"> <form action="https://ilpa.memberclicks.net/index.php" method="post" name="login" id="form-login"> <fieldset class="input"> <p class="form-login-username"> <label for="modlgn_username">Username</label><br> <input id="modlgn_username" type="text" name="username" class="inputbox" alt="username" size="18" autocorrect="off" autocapitalize="off" spellcheck="false"> </p> <p class="form-login-password"> <label for="modlgn_passwd">Password</label><br> <input id="modlgn_passwd" type="password" name="passwd" class="inputbox" size="18" alt="password" autocorrect="off" autocapitalize="off" spellcheck="false"> </p> <p class="form-login-remember"> <input id="modlgn_remember" type="checkbox" name="remember" class="inputbox" value="yes" alt="Keep me logged in"> <label for="modlgn_remember">Keep me logged in</label> </p> <input type="submit" name="Submit" class="button" value="Login"> </fieldset> <input type="hidden" name="option" value="com_user"> <input type="hidden" name="task" value="login"> <input type="hidden" name="debug" value="debug"> <input type="hidden" name="return" value=""> <input type="hidden" name="destination" value=""> <input type="hidden" name="3f0b6373bc78a51eb77938c5766797f4" value="1"> </form> </div> </div> <div class="clarence"></div> </div> </div> <div class="relative ipha-hide-mobile"> <div id="under-header-2"> <div class="ipha-width"> <div class="left-group"> <div class="moduletable mc-mainmenu middle-group"> <ul class="menu sf-menu sf-js-enabled"> <li class="item1"><a href="http://www.ipha.org/"><span>Home</span></a></li> <li class="parent"> <span class="separator"><span>About</span></span> <ul> <li><a href="http://www.ipha.org/about-ipha"><span>About IPhA</span></a></li> <li><a href="http://www.ipha.org/bylaws"><span>Bylaws</span></a></li> <li><a href="http://www.ipha.org/regions"><span>Regions</span></a></li> <li><a href="http://www.ipha.org/committees"><span>Committees</span></a></li> <li><a href="http://www.ipha.org/policy-manual"><span>Policy Manual</span></a></li> <li><a href="http://www.ipha.org/driving-directions"><span>Driving Directions</span></a></li> <li><a href="http://www.ipha.org/disclaimer"><span>Disclaimer</span></a></li> <li><a href="http://www.ipha.org/privacy-statement"><span>Privacy Statement</span></a></li> </ul> </li> <li class="parent"> <span class="separator"><span>Membership</span></span> <ul> <li><a href="http://www.ipha.org/join-ipha-today-"><span>Join IPhA Today!</span></a></li> <li><a href="http://www.ipha.org/renew-your-voice-"><span>Renew YOUR Voice!</span></a></li> <li><a href="http://www.ipha.org/types-of-membership"><span>Types of Membership</span></a></li> <li><a href="http://www.ipha.org/10-reasons-to-join-ipha"><span>10 Reasons to Join IPhA</span></a></li> <li><a href="http://www.ipha.org/member-benefits"><span>Member Benefits</span></a></li> <li><a href="http://www.ipha.org/printable-membership-application"><span>Printable Membership Application</span></a></li> </ul> </li> <li class="parent"> <span class="separator"><span>Education</span></span> <ul> <li><a href="http://www.ipha.org/certificate-programs"><span>Certificate Programs</span></a></li> <li><a href="http://www.ipha.org/webinars-and-programs"><span>Webinars and Programs</span></a></li> </ul> </li> <li class="parent"> <span class="separator"><span>Communications</span></span> <ul> <li><a href="http://www.ipha.org/illinois-pharmacist"><span>Illinois Pharmacist</span></a></li> <li><a href="http://www.ipha.org/e-info-exchange"><span>E-Info Exchange</span></a></li> <li><a href="http://www.ipha.org/pharmphlash"><span>PharmPhlash</span></a></li> <li><a href="http://www.ipha.org/advertising"><span>Advertising</span></a></li> </ul> </li> <li class="parent"> <span class="separator"><span>Advocacy</span></span> <ul> <li><a href="http://www.ipha.org/advocacy-resources"><span>Advocacy Resources</span></a></li> <li><a href="http://www.ipha.org/legislative-tracking"><span>Legislative Tracking</span></a></li> <li><a href="http://www.elections.il.gov/districtlocator/districtofficialsearchbyaddress.aspx" target="_blank"><span>Find Your Legislator</span></a></li> <li><a href="http://www.ipha.org/pharmacy-advocacy-fund"><span>Pharmacy Advocacy Fund</span></a></li> </ul> </li> <li class="parent"> <span class="separator"><span>Contacts</span></span> <ul> <li><a href="http://www.ipha.org/ipha-board-of-directors"><span>IPhA Board of Directors</span></a></li> <li><a href="http://www.ipha.org/ipha-house-of-delegates"><span>IPhA House of Delegates</span></a></li> <li><a href="http://www.ipha.org/ipha-committees"><span>IPhA Committees</span></a></li> <li><a href="http://www.ipha.org/ipha-foundation"><span>IPhA Foundation</span></a></li> <li><a href="http://www.ipha.org/il-pharmacists-network"><span>IL Pharmacists Network</span></a></li> <li><a href="http://www.ipha.org/illinois-pharmacy-pac"><span>Illinois Pharmacy PAC</span></a></li> <li><a href="http://www.ipha.org/local-associations" target="_blank"><span>Local Associations</span></a></li> <li class="active"><a href="http://www.ipha.org/ipha-staff"><span>IPhA Staff</span></a></li> </ul> </li> <li><a href="http://www.ipha.org/news"><span>News</span></a></li> <li><a href="http://www.ipha.org/forum"><span>Forum</span></a></li> <li><a href="http://ipha.webscribble.com/"><span>Career Center</span></a></li> </ul> </div> </div> <div class="clarence"></div> </div> </div> </div></div> <div class="ipha-dark-bg"></div><div class="ipha-mobile-menu"> <span class="close-mobile-menu"> <i></i> <i></i> </span> <div class="over-header-wrap"> <div class="extra-3"> <div class="over-header-1"> <div class="left-group"> <div class="moduletable mc-search"> <form action="http://www.ipha.org/index.php?option=com_search" method="post" name="mod_search_form" class="mc-site-search-mod"> <div class="search mc-search"> <input name="searchword" id="mod_search_searchword_mobile" alt="Search" class="inputbox inputbox mc-search" type="text" size="20" value="" placeholder="Search our site..." onfocus="this.placeholder = ''" onblur="this.placeholder = 'Search our site...'"><a href="#" class="test button mc-search">Search</a> </div> <input type="hidden" name="task" value="search"> <input type="hidden" name="option" value="com_search"> <input type="hidden" name="adb4a733c72cdfb906581a6245e1d0cb" value="1"> </form> </div> </div> <div class="right-group"> <div class="moduletable"> <ul class="menu simple-menu"> <li><a href="http://www.ipha.org/home-"><span>Home</span></a></li> <li><a href="http://www.ipha.org/join-today-"><span>Join Today!</span></a></li> <li><a href="http://www.ipha.org/renew-"><span>Renew!</span></a></li> <li><a href="http://www.ipha.org/events"><span>Events</span></a></li> </ul> </div> </div> <div class="clarence"></div> </div> </div> </div> <div class="moduletable mc-login"> <form action="https://ilpa.memberclicks.net/index.php" method="post" name="login" id="form-login-mobile"> <fieldset class="input"> <p class="form-login-username"> <label for="modlgn_username">Username</label><br> <input id="modlgn_username_mobile" type="text" name="username" class="inputbox" alt="username" size="18" autocorrect="off" autocapitalize="off" spellcheck="false"> </p> <p class="form-login-password"> <label for="modlgn_passwd">Password</label><br> <input id="modlgn_passwd_mobile" type="password" name="passwd" class="inputbox" size="18" alt="password" autocorrect="off" autocapitalize="off" spellcheck="false"> </p> <p class="form-login-remember"> <input id="modlgn_remember_mobile" type="checkbox" name="remember" class="inputbox" value="yes" alt="Keep me logged in"> <label for="modlgn_remember_mobile">Keep me logged in</label> </p> <input type="submit" name="Submit" class="button" value="Login"> </fieldset> <input type="hidden" name="option" value="com_user"> <input type="hidden" name="task" value="login"> <input type="hidden" name="debug" value="debug"> <input type="hidden" name="return" value=""> <input type="hidden" name="destination" value=""> <input type="hidden" name="3f0b6373bc78a51eb77938c5766797f4" value="1"></form> </div> <div class="moduletable mc-mainmenu middle-group"> <ul class="menu sf-menu sf-js-enabled"> <li><a href="http://www.ipha.org/"><span>Home</span></a></li> <li class="parent"> <span class="separator"><span>About</span><span class="fa fa-angle-down ipha-show-menu"></span></span> <ul> <li><a href="http://www.ipha.org/about-ipha"><span>About IPhA</span></a></li> <li><a href="http://www.ipha.org/bylaws"><span>Bylaws</span></a></li> <li><a href="http://www.ipha.org/regions"><span>Regions</span></a></li> <li><a href="http://www.ipha.org/committees"><span>Committees</span></a></li> <li><a href="http://www.ipha.org/policy-manual"><span>Policy Manual</span></a></li> <li><a href="http://www.ipha.org/driving-directions"><span>Driving Directions</span></a></li> <li><a href="http://www.ipha.org/disclaimer"><span>Disclaimer</span></a></li> <li><a href="http://www.ipha.org/privacy-statement"><span>Privacy Statement</span></a></li> </ul> </li> <li class="parent"> <span class="separator"><span>Membership</span><span class="fa fa-angle-down ipha-show-menu"></span></span> <ul> <li><a href="http://www.ipha.org/join-ipha-today-"><span>Join IPhA Today!</span></a></li> <li><a href="http://www.ipha.org/renew-your-voice-"><span>Renew YOUR Voice!</span></a></li> <li><a href="http://www.ipha.org/types-of-membership"><span>Types of Membership</span></a></li> <li><a href="http://www.ipha.org/10-reasons-to-join-ipha"><span>10 Reasons to Join IPhA</span></a></li> <li><a href="http://www.ipha.org/member-benefits"><span>Member Benefits</span></a></li> <li><a href="http://www.ipha.org/printable-membership-application"><span>Printable Membership Application</span></a></li> </ul> </li> <li class="parent"> <span class="separator"><span>Education</span><span class="fa fa-angle-down ipha-show-menu"></span></span> <ul> <li><a href="http://www.ipha.org/certificate-programs"><span>Certificate Programs</span></a></li> <li><a href="http://www.ipha.org/webinars-and-programs"><span>Webinars and Programs</span></a></li> </ul> </li> <li class="parent"> <span class="separator"><span>Communications</span><span class="fa fa-angle-down ipha-show-menu"></span></span> <ul> <li><a href="http://www.ipha.org/illinois-pharmacist"><span>Illinois Pharmacist</span></a></li> <li><a href="http://www.ipha.org/e-info-exchange"><span>E-Info Exchange</span></a></li> <li><a href="http://www.ipha.org/pharmphlash"><span>PharmPhlash</span></a></li> <li><a href="http://www.ipha.org/advertising"><span>Advertising</span></a></li> </ul> </li> <li class="parent"> <span class="separator"><span>Advocacy</span><span class="fa fa-angle-down ipha-show-menu"></span></span> <ul> <li><a href="http://www.ipha.org/advocacy-resources"><span>Advocacy Resources</span></a></li> <li><a href="http://www.ipha.org/legislative-tracking"><span>Legislative Tracking</span></a></li> <li><a href="http://www.elections.il.gov/districtlocator/districtofficialsearchbyaddress.aspx" target="_blank"><span>Find Your Legislator</span></a></li> <li><a href="http://www.ipha.org/pharmacy-advocacy-fund"><span>Pharmacy Advocacy Fund</span></a></li> </ul> </li> <li class="parent"> <span class="separator"><span>Contacts</span><span class="fa fa-angle-down ipha-show-menu"></span></span> <ul> <li><a href="http://www.ipha.org/ipha-board-of-directors"><span>IPhA Board of Directors</span></a></li> <li><a href="http://www.ipha.org/ipha-house-of-delegates"><span>IPhA House of Delegates</span></a></li> <li><a href="http://www.ipha.org/ipha-committees"><span>IPhA Committees</span></a></li> <li><a href="http://www.ipha.org/ipha-foundation"><span>IPhA Foundation</span></a></li> <li><a href="http://www.ipha.org/il-pharmacists-network"><span>IL Pharmacists Network</span></a></li> <li><a href="http://www.ipha.org/illinois-pharmacy-pac"><span>Illinois Pharmacy PAC</span></a></li> <li><a href="http://www.ipha.org/local-associations" target="_blank"><span>Local Associations</span></a></li> <li class="active item129"><a href="http://www.ipha.org/ipha-staff"><span>IPhA Staff</span></a></li> </ul> </li> <li><a href="http://www.ipha.org/news"><span>News</span></a></li> <li><a href="http://www.ipha.org/forum"><span>Forum</span></a></li> <li><a href="http://ipha.webscribble.com/"><span>Career Center</span></a></li> </ul> </div></div><header> <nav class="navbar navbar-inverse bg-dark"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar" aria-expanded="false" aria-controls="navbar" aria-label="Toggle mobile navigation" > <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse guest-menu" id="header-navbar" > <div class="pull-left flex-sm-container clearfix"> <ul class="nav navbar-nav guest-menu"> <li id="menu-item-2968" class="current"> <a href="/" ex-data > Home </a> </li> <li id="menu-item-2970" class=""> <a href="/jobs" > Search </a> </li> <li id="menu-item-2973" class=""> <a href="/employer-directory" > Directory </a> </li> <li id="menu-item-2976" class=""> <a href="/contact-us" > Contact Us </a> </li> <li id="menu-item-3002" class=""> <a href="/career-resources" > Career Resources </a> </li> </ul> <p class="navbar-btn pull-left"> <a href="/employer-offers" class="btn btn-primary pricing-btn" > Pricing </a> </p> </div> <nav class="nav navbar-right flex-sm-container"> <ul class="nav navbar-nav mx-0"> <li class="register-top"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Register <span class="caret"></span> </a> <ul class="dropdown-menu reg-choose"> <li><a href="/register-seeker">Job Seekers</a></li> <li><a href="/register-employer">Employers</a></li> </ul> </li> <li> <a class="sign-in" href="/sign-in"> <i class="fas fa-lock"></i> Sign In </a> </li> <script> var scriptsLanguage = 'EN';</script> </ul> <p class="navbar-btn pull-left"> <a class="btn btn-primary post-job" href="/employer-offers">Post a Job</a> </p> </nav> </div> </div> </nav></header> <div class="container view-404"> <div class="row"> <div class="col-md-6 col-md-offset-3 col-sm-12 col-sm-offset-0 text-center"> <div class="page-header"> <h1>Not found</h1> </div> <p>The requested URL was not found on this server.</p> <p>If you need assistance you can</p> <p> <a href="/" class="btn btn-primary"><i class="glyphicon glyphicon-home"></i> visit our home page</a> <a href="/contact-us" class="btn btn-default"><i class="glyphicon glyphicon-envelope"></i> contact us</a> </p> </div> </div></div> <div id="banner-footer-wide-top-1"></div> <div class="ws-footer" id="ws-footer"> <div class="bg-darken footer index mt-2 py-2"> <div class="container"> <div class="row"> <div class="col-md-12 text-center text-white copyrights"> <p>Powered by <a href="https://www.webscribble.com" target="_blank" class="underline text-white">Web Scribble Solutions</a>, Inc.</p> </div> </div> </div> </div></div> <footer> <div id="footer"> <div class="ipha-width"> <div class="left-group"> <div class="moduletable mc-footer-mission text-left"> <p><span>The Illinois Pharmacists Association is dedicated to enhancing the professional competency of pharmacists, advancing the standards of pharmacy practice, improving pharmacists' effectiveness in assuring rational drug use in society, and leading in the resolution of public policy issues affecting pharmacists.</span></p> <hr> <p> <span>Illinois Pharmacists Association <br>204 West Cook Street, Springfield, Illinois 62704-2526</span><br> <span>P: 1-217 522 7300 | F: 1-217 522 7349</span> </p> <p><span> </span></p> </div> </div> <div class="right-group"> <div class="moduletable"> <ul class="menu" id="socnets"> <li class="item146"><a href="https://www.facebook.com/pages/Illinois-Pharmacists-Association-IPhA/189969893730" target="_blank"><span>Facebook</span></a></li> <li class="item147"><a href="https://twitter.com/ILPharmacists" target="_blank"><span>Twitter</span></a></li> </ul> </div> </div> <div class="clarence"></div> </div></div></footer> <script defer src="themes/nextgen/js/main.min.js?1711032843"></script> <!-- NG-3557 --> <!-- NG-3557 --> <script> </script> <div id="alert-popus-container" class="sticky-alert-container position-fixed fixed-bottom"> <div class="container-fluid"> <div class="row"> <div id="cookieconsent-wrapper"></div> </div> </div></div> <script> window.FontAwesomeConfig = { autoReplaceSvg: "nest", autoA11y: true, autoAddCss: true, keepOriginalSource: false }</script><script async src="https://use.fontawesome.com/releases/v5.15.3/js/all.js"></script> <script> const templates = document.querySelectorAll('template'); function processTemplate(element) { const parents = document.querySelectorAll(element.dataset.parent); const position = element.dataset.position ? element.dataset.position : 'afterend'; parents.forEach(function(parent){ if(position === 'instead'){ parent.outerHTML = element.innerHTML; }else{ parent.insertAdjacentHTML(position, element.innerHTML); } }); if ( typeof element.dataset.cleanup === 'undefined' || element.dataset.cleanup === true || element.dataset.cleanup === 'true' ) { element.remove(); } } function addXMLRequestCallback(callback){ let nativeOpen = XMLHttpRequest.prototype.open; let callbacks = XMLHttpRequest.callbacks = []; XMLHttpRequest.prototype.open = function () { callbacks.forEach(callback => callback.apply(this, arguments)); nativeOpen.apply(this, arguments); }; XMLHttpRequest.callbacks.push(callback); } templates.forEach(function(element){ if ( !element.dataset.parent ) { console.warn('Wrong syntax, ignoring this template', element); return false; } if ( !element.dataset.trigger || element.dataset.trigger === 'instant' ) { setTimeout(()=>{ processTemplate(element) }, element.dataset.delay ? element.dataset.delay : 0 ); } else if ( element.dataset.trigger === 'event' ) { if ( !element.dataset.event ){ console.warn('Wrong syntax, absent event name to listen, ignoring this template', element); return false; } document.addEventListener( element.dataset.event, () => { setTimeout(()=>{ processTemplate(element) }, element.dataset.delay ? element.dataset.delay : 0 ); }); } else if ( element.dataset.trigger === 'xhr' ) { addXMLRequestCallback( function( method, url ) { if ( element.dataset.url || element.dataset.method ) { if ( element.dataset.url && element.dataset.method ) { if ( element.dataset.method === method && url.toString().includes(element.dataset.url) ) { setTimeout(()=>{ processTemplate(element) }, element.dataset.delay ? element.dataset.delay : 0 ); } } else if ( element.dataset.url && url.includes(element.dataset.url) ) { setTimeout(()=>{ processTemplate(element) }, element.dataset.delay ? element.dataset.delay : 0 ); } else if ( element.dataset.method && element.dataset.method === method ){ setTimeout(()=>{ processTemplate(element) }, element.dataset.delay ? element.dataset.delay : 0 ); } } else { setTimeout(()=>{ processTemplate(element) }, element.dataset.delay ? element.dataset.delay : 0 ); } }); } });</script></body></html> 
