<!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://jobsclearinghouse.aee.org/"> <title>Page not found | AEE Career Center</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="y8HhWGNX9agCZBjeIq8GwEnrm8rFcd49aHI76V8C" 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/jchaee_ng/css/style.css?1707473007">
<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>
<meta name="google-site-verification" content="Fg-9BfzG94wwTOchHv1Hc6n2KmYtLJBAiBaqMYeND8o" />
<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','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-70037861-2', 'auto');
ga('send', 'pageview');
</script>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link href="themes/jchaee_ng/images/favicon.ico?1576688815" rel="shortcut icon" type="image/x-icon" />
<link href="themes/nextgen/css/custom.css?1549902715" rel="stylesheet">
<link href="themes/jchaee_ng/css/theme_style.min.css?1628583637" rel="stylesheet">
<script src="themes/jchaee_ng/js/theme_script.min.js?1628583637" type="text/javascript"></script>
<meta property="og:type" content="website">
<meta property="og:site_name" content="Association for Experiential Education">
<meta property="og:title" content="Page not found | AEE Career Center">
<meta property="og:description" content="Career website">
<meta property="og:image" content="/uploads/custom-background/Szu9vm7MsYEKCqE8aurpbRiZM943hmibIUg4BaNC.png">
<meta property="og:url" content="https://jobsclearinghouse.aee.org/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="custom-wrapper custom-header">
<div class="custom-header-top">
<a href="https://www.aee.org/register?memberTypeID=null">
<span>Join</span>
</a>
<a href="https://www.aee.org/login">
<span>Login</span>
</a>
<a href="https://www.aee.org/contact-us">
<span>Contact</span>
</a>
<a href="#search-panel" class="search-toggle search-open">
<span><i class="fas fa-search"></i></span>
</a>
<div class="custom-search hidden">
<form action="https://www.aee.org/search" target="_blank">
<span class="input-wrapper">
<input type="text" name="q" placeholder="Search site">
</span>
<button type="submit">
<span class="novicon novicon-arrow-right"></span>
</button>
</form>
</div>
</div>
<div class="custom-menu-wrapper">
<div class="container menu-wrapper-inner">
<div class="custom-logo">
<a href="https://www.aee.org/">
<img src="themes/jchaee_ng/images/header_logo.png?1628583637"
alt="LOGO"
class="img-fluid img-responsive"
>
</a>
</div>
<div class="d-md-none text-right">
<button type="button" class="custom-navbar-toggle">
<i class="fas fa-bars closed-icon"></i>
<i class="fas fa-times opened-icon hidden"></i>
</button>
</div>
<div class="custom-menu-collapse-wrapper">
<ul class="custom-menu">
<li><a href="https://www.aee.org/mission-and-values">About</a></li>
<li><a href="https://www.aee.org/register">Membership</a></li>
<li><a href="https://www.aee.org/events">Events</a></li>
<li><a href="https://www.aee.org/">Professional Development</a></li>
<li><a href="https://www.aee.org/accreditation">Accreditations</a></li>
<li><a href="https://www.aee.org/about-the-certification-program">Certifications</a></li>
<li class="mobile-item d-md-none"><a href="https://www.aee.org/contact-us"><span>Contact</span></a></li>
<li class="mobile-item d-md-none"><a href="https://www.aee.org/register?memberTypeID=null"><span>Join</span></a></li>
<li class="mobile-item d-md-none"><a href="https://www.aee.org/login"><span>Login</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var trackcmp_email = '';
var trackcmp = document.createElement("script");
trackcmp.async = true;
trackcmp.type = 'text/javascript';
trackcmp.src = '//trackcmp.net/visit?actid=25263710&e='+encodeURIComponent(trackcmp_email)+'&r='+encodeURIComponent(document.referrer)+'&u='+encodeURIComponent(window.location.href);
var trackcmp_s = document.getElementsByTagName("script");
if (trackcmp_s.length) {
trackcmp_s[0].parentNode.appendChild(trackcmp);
} else {
var trackcmp_h = document.getElementsByTagName("head");
trackcmp_h.length && trackcmp_h[0].appendChild(trackcmp);
}
</script>
<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-2982" class="current">
<a href="/"
ex-data >
Home </a>
</li>
<li id="menu-item-2984" class="">
<a href="/jobs"
>
Search </a>
</li>
<li id="menu-item-2987" class="">
<a href="/employer-directory"
>
Directory </a>
</li>
<li id="menu-item-2990" class="">
<a href="/contact-us"
>
Contact Us </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">
<a href="https://jobsclearinghouse.aee.org/browse-jobs" class="title d-block text-white text-bold my-1">
Find Jobs By Category </a>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6">
<ul class="list list-unstyled">
<li class="list-item">
<a href="c-accounting-finance-jobs.html" class="text-white">
Accounting/Finance </a>
</li>
<li class="list-item">
<a href="c-advertising-public-relations-jobs.html" class="text-white">
Advertising/Public Relations </a>
</li>
<li class="list-item">
<a href="c-arts-entertainment-publishing-jobs.html" class="text-white">
Arts/Entertainment/Publishing </a>
</li>
<li class="list-item">
<a href="c-automotive-jobs.html" class="text-white">
Automotive </a>
</li>
<li class="list-item">
<a href="c-banking-mortgage-jobs.html" class="text-white">
Banking/Mortgage </a>
</li>
<li class="list-item">
<a href="c-biotech-jobs.html" class="text-white">
Biotech </a>
</li>
<li class="list-item">
<a href="c-broadcast-jobs.html" class="text-white">
Broadcast </a>
</li>
<li class="list-item">
<a href="c-business-development-jobs.html" class="text-white">
Business Development </a>
</li>
<li class="list-item">
<a href="c-clerical-administrative-jobs.html" class="text-white">
Clerical/Administrative </a>
</li>
<li class="list-item">
<a href="c-construction-facilities-jobs.html" class="text-white">
Construction/Facilities </a>
</li>
<li class="list-item">
<a href="c-consultant-jobs.html" class="text-white">
Consultant </a>
</li>
<li class="list-item">
<a href="c-customer-service-jobs.html" class="text-white">
Customer Service </a>
</li>
<li class="list-item">
<a href="c-design-jobs.html" class="text-white">
Design </a>
</li>
<li class="list-item">
<a href="c-distribution-jobs.html" class="text-white">
Distribution </a>
</li>
<li class="list-item">
<a href="c-education-jobs.html" class="text-white">
Education </a>
</li>
<li class="list-item">
<a href="c-engineering-jobs.html" class="text-white">
Engineering </a>
</li>
</ul></div><div class="col-md-3 col-sm-6"><ul class="list-unstyled"> <li class="list-item">
<a href="c-entry-level-jobs.html" class="text-white">
Entry Level </a>
</li>
<li class="list-item">
<a href="c-executive-jobs.html" class="text-white">
Executive </a>
</li>
<li class="list-item">
<a href="c-facilities-jobs.html" class="text-white">
Facilities </a>
</li>
<li class="list-item">
<a href="c-food-service-jobs.html" class="text-white">
Food Service </a>
</li>
<li class="list-item">
<a href="c-general-business-jobs.html" class="text-white">
General Business </a>
</li>
<li class="list-item">
<a href="c-general-labor-jobs.html" class="text-white">
General Labor </a>
</li>
<li class="list-item">
<a href="c-government-jobs.html" class="text-white">
Government </a>
</li>
<li class="list-item">
<a href="c-grocery-jobs.html" class="text-white">
Grocery </a>
</li>
<li class="list-item">
<a href="c-healthcare-jobs.html" class="text-white">
Healthcare </a>
</li>
<li class="list-item">
<a href="c-hospitality-jobs.html" class="text-white">
Hospitality </a>
</li>
<li class="list-item">
<a href="c-hotel-jobs.html" class="text-white">
Hotel </a>
</li>
<li class="list-item">
<a href="c-human-resources-jobs.html" class="text-white">
Human Resources </a>
</li>
<li class="list-item">
<a href="c-information-technology-jobs.html" class="text-white">
Information Technology </a>
</li>
<li class="list-item">
<a href="c-installation-jobs.html" class="text-white">
Installation </a>
</li>
<li class="list-item">
<a href="c-insurance-jobs.html" class="text-white">
Insurance </a>
</li>
<li class="list-item">
<a href="c-inventory-jobs.html" class="text-white">
Inventory </a>
</li>
</ul></div><div class="col-md-3 col-sm-6"><ul class="list-unstyled"> <li class="list-item">
<a href="c-journalism-jobs.html" class="text-white">
Journalism </a>
</li>
<li class="list-item">
<a href="c-legal-jobs.html" class="text-white">
Legal </a>
</li>
<li class="list-item">
<a href="c-legal-admin-jobs.html" class="text-white">
Legal Admin </a>
</li>
<li class="list-item">
<a href="c-maintenance-jobs.html" class="text-white">
Maintenance </a>
</li>
<li class="list-item">
<a href="c-management-jobs.html" class="text-white">
Management </a>
</li>
<li class="list-item">
<a href="c-manufacturing-jobs.html" class="text-white">
Manufacturing </a>
</li>
<li class="list-item">
<a href="c-marketing-jobs.html" class="text-white">
Marketing </a>
</li>
<li class="list-item">
<a href="c-new-grad-jobs.html" class="text-white">
New Grad </a>
</li>
<li class="list-item">
<a href="c-nurse-jobs.html" class="text-white">
Nurse </a>
</li>
<li class="list-item">
<a href="c-other-jobs.html" class="text-white">
Other </a>
</li>
<li class="list-item">
<a href="c-pharmaceutical-jobs.html" class="text-white">
Pharmaceutical </a>
</li>
<li class="list-item">
<a href="c-planning-jobs.html" class="text-white">
Planning </a>
</li>
<li class="list-item">
<a href="c-procurement-jobs.html" class="text-white">
Procurement </a>
</li>
<li class="list-item">
<a href="c-professional-services-jobs.html" class="text-white">
Professional Services </a>
</li>
<li class="list-item">
<a href="c-purchasing-jobs.html" class="text-white">
Purchasing </a>
</li>
<li class="list-item">
<a href="c-qa-jobs.html" class="text-white">
QA </a>
</li>
</ul></div><div class="col-md-3 col-sm-6"><ul class="list-unstyled"> <li class="list-item">
<a href="c-quality-control-jobs.html" class="text-white">
Quality Control </a>
</li>
<li class="list-item">
<a href="c-repair-jobs.html" class="text-white">
Repair </a>
</li>
<li class="list-item">
<a href="c-research-jobs.html" class="text-white">
Research </a>
</li>
<li class="list-item">
<a href="c-restaurant-jobs.html" class="text-white">
Restaurant </a>
</li>
<li class="list-item">
<a href="c-retail-jobs.html" class="text-white">
Retail </a>
</li>
<li class="list-item">
<a href="c-sales-jobs.html" class="text-white">
Sales </a>
</li>
<li class="list-item">
<a href="c-science-jobs.html" class="text-white">
Science </a>
</li>
<li class="list-item">
<a href="c-shipping-jobs.html" class="text-white">
Shipping </a>
</li>
<li class="list-item">
<a href="c-skilled-labor-jobs.html" class="text-white">
Skilled Labor </a>
</li>
<li class="list-item">
<a href="c-strategy-jobs.html" class="text-white">
Strategy </a>
</li>
<li class="list-item">
<a href="c-supply-chain-jobs.html" class="text-white">
Supply Chain </a>
</li>
<li class="list-item">
<a href="c-telecommunications-jobs.html" class="text-white">
Telecommunications </a>
</li>
<li class="list-item">
<a href="c-trades-jobs.html" class="text-white">
Trades </a>
</li>
<li class="list-item">
<a href="c-training-jobs.html" class="text-white">
Training </a>
</li>
<li class="list-item">
<a href="c-transportation-jobs.html" class="text-white">
Transportation </a>
</li>
<li class="list-item">
<a href="c-warehouse-jobs.html" class="text-white">
Warehouse </a>
</li>
</ul>
</div>
</div>
<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 class="custom-wrapper custom-footer">
<div class="custom-footer-top">
<div class="container">
<div class="row">
<div class="col-sm-3">
<p class="address c-footer__address mb-0">2315 18th Street South<br>St. Petersburg, Florida 33712<br>United States</p>
<p class="phone c-footer__phone">303.440.8844</p>
<div class="footer-social-wrapper">
<hr>
<div class="footer-social">
<a href="https://www.facebook.com/AssnforEE/" title="Find us on Facebook"
class="icon facebook c-footer__social-icons--facebook" target="_blank"><span
class="novicon novicon-facebook"></span></a>
<a href="https://twitter.com/AssnforEE?lang=en" title="Tweet at us"
class="icon twitter c-footer__social-icons--twitter" target="_blank"><span
class="novicon novicon-twitter"></span></a>
<a href="https://www.linkedin.com/company/association-for-experiential-education/?viewAsMember=true"
title="Connect with us on LinkedIn"
class="icon linked-in c-footer__social-icons--linkedin" target="_blank"><span
class="novicon novicon-linked-in"></span></a>
<a href="https://www.instagram.com/assnforee/" title="Connect with us on Instagram"
class="icon instagram c-footer__social-icons--instagram" target="_blank"><span
class="novicon novicon-instagram"></span></a>
<a href="https://www.youtube.com/channel/UC5eay5t1-QW9FOoLAXD28LQ"
title="Find us on YouTube" class="icon youtube c-footer__social-icons--youtube"
target="_blank"><i class="fab fa-youtube"></i></a>
<a href="https://www.aee.org/contact-us" title="Contact Us"
class="icon facebook c-footer__social-icons--envelope"><span
class="novicon novicon-envelope"></span></a>
</div>
</div>
</div>
<div class="col-sm-6"></div>
<div class="col-sm-3">
<ul class="footer-menu text-right">
<li><a href="https://www.aee.org/membership-information" rel="noopener noreferrer" target="_blank">Join Now</a></li>
<li><a href="https://www.aee.org/contact-us" rel="noopener noreferrer" target="_blank">Contact Us</a></li>
<li><a href="https://www.aee.org/mission-and-values" rel="noopener noreferrer" target="_blank">About Us</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-copy text-center">
<span class="c-footer__copyright">
Copyright © 2024 - Association for Experiential Education. <a href="https://www.aee.org/legal" class="c-footer__legal">Legal</a>
</span>
</div>
</div>
</footer>
<script defer src="themes/nextgen/js/main.min.js?1699269807"></script>
<!-- NG-3557 -->
<!-- NG-3557 -->
<script type="text/javascript">
var trackcmp_email = "";
var trackcmp = document.createElement("script");
trackcmp.async = true;
trackcmp.type = 'text/javascript';
trackcmp.src = '//trackcmp.net/visit?actid=25263710&e='+encodeURIComponent(trackcmp_email)+'&r='+encodeURIComponent(document.referrer)+'&u='+encodeURIComponent(window.location.href);
var trackcmp_s = document.getElementsByTagName("script");
if (trackcmp_s.length) {
trackcmp_s[0].parentNode.appendChild(trackcmp);
} else {
var trackcmp_h = document.getElementsByTagName("head");
trackcmp_h.length && trackcmp_h[0].appendChild(trackcmp);
}
</script>
<script>
</script>
<div 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>