</noscript> <!-- End Google Tag Manager (noscript) --> <a id="skip-nav" class="screenreader-text" href="#main-content">Skip Navigation or Skip to Content</a> <!-- CCE SERVER REFERENCE --> <script language="javascript" type="text/javascript"> </script> <div class="leftNavBack"> <input name="ctl00$Uctopnav1$hdnCartStatus" type="hidden" id="ctl00_Uctopnav1_hdnCartStatus" value="0" /> </div> <!-- END CCE SERVER REFERENCE --> <header class="top-bar topbar-responsive clearfix"> <div class="top-bar-title float-left"> <a class="topbar-responsive-logo" href="https://www.uvu.edu/ce" title="Visit Main Website (opens in new window)" target="_blank"><img src="https://www.campusce.net/uvu/configuration/uvu/img/uvu-mono.svg" style="height: 25px !important;" alt="School Logo" /> <strong>CONTINUING EDUCATION</strong></a> </div> <div class="top-bar-right"> <a href="../search/search2.aspx" title="Advanced Search"><button type="button" class="button hollow topbar-responsive-button"><i class="fas fa-search" aria-hidden="true"></i><span class="show-for-sr">Search Button</span></button></a> </div> </header> <div class="custom-menu"> <ul class="vertical medium-horizontal menu"> <li><a href="https://www.uvu.edu/ce/about-us/index.html" target="_blank"><i class="fi-list"></i> <span>Contact Us</span></a></li> <li><a href="../category/category.aspx"><i class="fi-list"></i> <span>Course Catalog</span></a></li> <li><a href="https://www.uvu.edu/communityed/elder/" target="_blank"><i class="fi-list"></i> <span>Elder Quest</span></a></li> <li><a href="https://www.uvu.edu/ce/units/index.html" target="_blank"><i class="fi-list"></i> <span>CEUS</span></a></li> <li><a href="https://www.uvu.edu/communityed/esl/index.html" target="_blank"><i class="fi-list"></i> <span>ESL</span></a></li> </ul> </div> <div class="hero-section"> <div class="hero-section-text"> <!--<h1>Header</h1> <h5>subtitle about anything you like</h5>--> </div> </div> <form name="aspnetForm" method="post" action="./course.aspx?catId=45" id="aspnetForm"> <div> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="uvQjB+33hriZlCsz2BZuhB6SX5Emh+LNWkcpNpWEqAvrEmpAtNPKvg7hUF0c+izaGQ1kVZjL9SfPLRRNUamJABoFkst8RSxaceX8HQsyVdvv+SpeFO+86PDp3V0N/wptjffTkmYjGs0HyhmnCU/8lVrEjrHfnrC5yE4OIrRqR3DJ7RjOYtU04xokfSp+xAATYAPUOZa0xBdeOMux7ttACuw7b+0khbWjMGtnaBnHaalBfTbcqoHX0lTzIq5YkvUzDDjjMwbtAqbaKKwhCGLujMHHCfDZEKcIoxoucyP1tq12bPcBH7iCwrfkAq6SlEouEyoll7euHcvI806sXPinuBfWtfuu2NLV2owYeoFiyWNlaDwF5Tua4IBOLygJSpYBe9y2WJUiL+dIaJV+vcwwEDbrSMxbimG+JqGLsqv4kj0KNnB9YLlsZrjhM2U4IG9EMjwWCOoh0flt6uGQckcRQ8zplrE030bxi2R50ohzC+LQ/fU9zV5N3ywBdVbX0PaNkJNsVCUw8AB7nbA3mfOLWi5fJeNcp+0jMYOLoOA0WxiYBNfox+N00LV+o2NBM7gBQKqVuhMBB93H5OHr2716EHeH9VdsO4vrhEXgg3y2m6rM72LqMxgO9NLhF3GEEehMYngebOgMd75QlFYJcy811zgsUv4ZFclsPyuAKD1zCqE98iXQrRn8TSuPHea5l2vFloZSz6JJfGZ4PIgD65+0uOcQHFMKwxl1nsJPGgNM8mPyRe54T6lv4YF97UjJVImgl9kepPclLsJugvoM6b8anHmTq1Usf/bJftuNXZjjY9Afn3vj0qwoB3dNmT6/HdfyEwdsT4v25E5Lg92xhlgcWnC83xBV0Dph1kqclLk4RwVM8RBHJ1HfZi54LdihQDuVfTXdk2dwEPlnZArLzMkPWjepA20CiYm9PvMH6T91u7ahEXQdForZCQ7f9LNwJi8sUboqb2d949C87s4K74oclUtNH71Q6aMYLnihdV2LvHcWF6x+hiIcZN/P8H51fK2zi2XRgBWWQslcfs71nmqkDNrMy9emmXjt+nGMpe7fKLdIKMpy83LO1yGQU8ADrZdlpyK67dvsDp6Wkm2rWSKCLKv5Ow8xkMqZtKDK32cokA4ntzoUQt1uGqpbdU3aZre2wMhGxgR3p6fdJgAL1gzjDiA6/fIvQQzx44zYKfywM3EHbWq7HC1TbgUUS1CH/QQOYomC0YS7+jUxbvM9MfBEDqnkgPlemRCFBEhMMdUX0WNTOpRSav5eZ0An4hAILhMI3/MVEG8GNbTSkIUIv7UuEam+SWDWy/Gj7hMdaT3u3OA=" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['aspnetForm']; if (!theForm) { theForm = document.aspnetForm; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="/uvu/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZBt8ZAIUgY_ZXlRx7e_6d3uPC_2Cr7P-wFNopIO5d8Tn0TgwpwwFOL6Mu-WqgSaPSQ2&t=638627972640000000" type="text/javascript"></script> <script src="/uvu/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvjLdV-jrtFjD4O0RIIhtTlHZywVF3ykQqD8XGkEJ-YdbSXc7M8Qz0SWK-fj8yDVRzll72KnQgs51NzUeDqsBxdf2R-3l8Wh3e1-Rr0XL_0DpOHkd0IpPAeJS_mbbQHIny87qkrZY7bLmvbbTq8uFs7w1&t=2a9d95e3" type="text/javascript"></script> <script src="/uvu/ScriptResource.axd?d=dwY9oWetJoJoVpgL6Zq8OIKNKS3unt-J7H-_1wzNkap0Kq3oQwsFc0HrABh0DQkHMwK3VDKRgmlNLLAn8xJsXz9Y04TzP19YY6CwPF_pBYXnueRpJhSXj3RO5G7fQZvKkFV_TD7IKBJf2MvrFRQ6HAqLBNuJjc-k0wanD6598kY1&t=2a9d95e3" type="text/javascript"></script> <div> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="4B39941A" /> </div><!-- START CCE FORM --> <section role="region" aria-labelledby="CCESecMenu"> <div id="CCESecMenu"> <div class="row large-unstack"> <div class="large-8 columns"> <div id="top"> <div id="ctl00_Ucpreheader1_divPreHeaderWelcome" class="left" welcomeText="Welcome, "></div> <div id="ctl00_Ucpreheader1_headerNavMenu" class="right"><a id="ctl00_Ucpreheader1_linkPreHdrSignin" signOutText="Sign Out" signOutLink="../account/signout.aspx" href="../account/signin.aspx">Sign In</a><span> | </span><a id="ctl00_Ucpreheader1_hypGoCartIndex" href="../cart/index.aspx">View Cart</a><span> | </span><span> | </span><a id="ctl00_Ucpreheader1_hypFeedback" href="Javascript:feedBack('/uvu/feedBack/feedBack.aspx')">Help</a><span> | </span></div> </div> </div> <div class="large-4 columns"> <ul id="CCEMenu"> <li><a href="../search/search2.aspx" title="Search Catalog"><i class="fas fa-search" aria-hidden="true" aria-label="Search Catalog"></i> Search</a></li> <li><a href="../cart/index.aspx" title="Shopping Cart"><i class="fas fa-shopping-cart" aria-hidden="true" aria-label="Shopping Cart"></i> <span class='badge badge-warning' id='lblCartCount'> 0 </span> Cart</a><input name="hiddencartitems" type="hidden" id="hiddencartitems" value="0" /></li> <li><a href="../account/myaccount.aspx" title="My Account"><i class="fas fa-user-circle" aria-hidden="true" aria-label="My Accout"></i> Account</a></li> </ul> </div> </div> <script type="text/javascript"> function checkcart(name) { var el = FindElement(name); var cartcell = FindElement("lblCartCount"); if (el != null){ cartcell.innerHTML = ' ' + el.value + ' '; } } </script> </div> </section> <main id="main-content"> <div class="row columns large-12 clearfix"><!--START CCE CONTENT--> <div id="CCEContent" class="clearfix"> <div id="CCECatalog" class="clearfix"> <input type="hidden" name="ctl00$hdnMerchantCode" id="ctl00_hdnMerchantCode" /> <script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ctl00$ContentPlaceHolder1$sm', 'aspnetForm', [], [], [], 90, 'ctl00'); //]]> </script> <script type="text/javascript" language="javascript" src="../include/common.js"></script> <script type="text/javascript" language="javascript" src="../js/httpClient.js"></script> <script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <div id="rightnav"> <style type="text/css"> .style1 { width: 147px; } .style2 { width: 147px; height: 23px; } </style> <table class="extinfo"> <tr> <td class="style2"> </td> </tr> <tr> <td class="style1"> <a href="#" onclick="openEmailToFriendModal();"> </a> </td> </tr> <tr> <td class="style1"> <a id="ctl00_ContentPlaceHolder1_ucCoursePrint_lnkReturn" href="/uvu/">Return to Course Catalog</a> </td> </tr> </table> <br /> </div> <!-- this is the main content --> <div id="ctl00_ContentPlaceHolder1_CourseInfo" class="course-info-wrapper CourseInfo__multipleCourses"> <a id="ctl00_ContentPlaceHolder1_ucBC_lnkCatalog" href="/uvu/category/category.aspx"> Course Catalog </a> <span id="ctl00_ContentPlaceHolder1_ucBC_Label1"> > </span> <a id="ctl00_ContentPlaceHolder1_ucBC_lnkPCat" href="../category/category.aspx?S=37">Professional Education</a> <span id="ctl00_ContentPlaceHolder1_ucBC_Label2"> > </span> <a id="ctl00_ContentPlaceHolder1_ucBC_lnkMCat" href="../category/category.aspx?S=45">Information Technology</a> <header class="ucCourseInfo"> <h1 class="pageTitle CCEPrimaryHeader pageHeading">Information Technology <span id="ctl00_ContentPlaceHolder1_ucCourse_lblNewTag" class="attn"></span> </h1> <span id="ctl00_ContentPlaceHolder1_ucCourse_lblDescription" class="para custom-description"><div id='categoryWebDescr'><a class="contShopping button" href="javascript:history.back()"><span class="fa fa-arrow-left"> </span> Back to Professional Education Listings</a></div></span> </header> <div id="ctl00_ContentPlaceHolder1_pnlClass" class="pnlClass"> <table> <tr> <td></td> </tr> <tr> <td> <div class="classPanelInfo"> <table border="0" cellpadding="2" cellspacing="2" width="100%" class="class"> <tr> <td> <p class="clearfix coursetitle"><span></span><span></span></p> <ul class="no-bullet course"> <li class="clearfix coursetitle"><span><a href='course.aspx?C=1002&pc=37&mc=45&sc=0'>AI FOR PROFESSIONALS</a></span><span class="courselocation">Online Campus</span></li> <li class="clearfix" style="background:#f8f8f8;padding:15px;"> <div class="wrap"> <div class="left"> <p><b>Fee:</b> $545.00<br /> <b>Format: </b>Online<br /> <b>Course Dates:</b> 6/2/2025 - 6/29/2025<br /> <b>Instructor:</b> Sterling Long</p> <p><a href='#' id='emailToFriendModalLink_1002' data-id='1002' onclick='clickEmailToFriendModalLink(event, this);' class='emailToFriendModalLink'>Email to a friend</a></p> </div> <div class="right"><div id="moreInfoDiv_4003" style="display:block;"><table border="1" cellpadding="1" cellspacing="1" style="width: 800px;"> <tbody> <tr> </tr> <tr> <td colspan="2"> <h2>Course Overview  </h2> </td> </tr> <tr> <td colspan="2"> <p>AI for Professionals is an applied, hands-on course designed to empower working professionals with practical knowledge of AI tools like ChatGPT. Through four focused modules, learners will master prompt engineering, build custom AI assistants, automate complex business processes, and discover niche tools to boost efficiency across industries. Participants will develop skills in crafting precise prompts, integrating AI with data tools like Excel and PDFs, and using the GPT Store to customize AI solutions. The course also covers essential topics such as identifying and mitigating AI risks, recognizing biases, and maintaining data privacy.</p> <p>Whether you're a business leader, operations manager, or creative professional, this course will help you confidently integrate AI into your daily work. Learn to design smart, AI-enhanced workflows that deliver measurable value—and stay ahead in a tech-driven workplace.</p> </td> </tr> <tr> <td colspan="2"> <h2>Instructor</h2> </td> </tr> <tr> <td colspan="2"><strong>Sterling Long</strong> is an AI coach, educator, and co-founder of Discover NoCode, dedicated to helping professionals harness the power of generative AI to enhance their workflows and creativity. With a background in building no-code solutions for complex business challenges, Sterling has guided over 100 individuals across various industries to effectively integrate AI into their daily operations. His work emphasizes practical applications of AI, focusing on prompt engineering, automation, and the development of custom AI assistants. Sterling is also the creator of "AI Possibilities," a framework designed to teach users how to delegate tasks to ChatGPT and other AI tools efficiently. Through his engaging teaching style and commitment to empowering others, Sterling equips learners with the skills needed to confidently navigate and leverage AI technologies in their professional lives.</td> </tr> <tr> <td colspan="2"> <h2>Available Courses</h2> </td> </tr> </tbody> </table> </div><br /> <strong><p>Unlock the power of AI with hands-on training in ChatGPT and related tools. Learn to boost productivity, craft better prompts, integrate AI with your workflows, and avoid common pitfalls. Ideal for professionals looking to enhance creativity, efficiency, and decision-making with cutting-edge AI tools.</p> <p>COURSE FORMAT: <meta charset="utf-8" />This fully online course includes weekly Zoom sessions, with independent work required beforehand to ensure active, informed participation. </p> <p>ZOOM SESSIONS: Thursdays; 6:30pm-7:30pm</p> <ul> </ul> </strong></div> <div class="right"> </div> </div> </li> </ul> </td> </tr> <tr> <td class="classInfoButton"> <input type="submit" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$btnAdd" value="Add to cart" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_btnAdd" class="AddBtns" data-status="" data-startDate="6/2/2025" data-endTime="12:00 AM" data-dow="127" data-alttitle="" data-instructor="Sterling Long" data-courseId="1002" data-isEvent="False" data-title="AI FOR PROFESSIONALS" data-building="Online Campus" data-category="Information Technology" data-sku="25SCINTON005" data-term="25S" data-room="" data-sessions="27" data-buildingAlt="" data-startTime="12:00 AM" data-endDate="6/29/2025" data-section="ON005" data-classId="4003" data-amount="545" /> </td> </tr> </table> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidClassID" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidClassID" value="4003" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidSku" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidSku" value="25SCINTON005" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidAmount" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidAmount" value="545" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidTerm" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidTerm" value="25S" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidIsEvent" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidIsEvent" value="False" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hdnTitle" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hdnTitle" value="AI FOR PROFESSIONALS" /> </div> <br> </td> </tr> </table> </div> <div id="ctl00_ContentPlaceHolder1_pnlNoClass" class="attn"> <span></span> </div> </div> <!--main--> <link href="../styles/popup.css" rel="stylesheet" type="text/css" /> <div id="bob" style="" onmouseleave="hidePopupDialog()"> <div id="bobarrow" style="top: 54px; left: -42px;"> <img class="bobArrow transp" src="../images/popup/up-left-combo.png" id="bobarrowulimg" style="display: block;" role="presentation"/> </div> <div id="bobtcap"> <img class="transp" src="../images/popup/topcap1.png" style="width: 290px; height: 23px; display: block;" id="bobtopcap" role="presentation" /> </div> <div class="transp" id="bobtitlebox"> <div class="bobcontentspace"> <div style="float:right"> <img src="../images/popup/xclose.gif" border="0" onclick="hidePopupDialog();" role="presentation" style="cursor:pointer;" /> </div> <div id="bobtitle" style="float:left"> <p>Some Title</p> </div> <div style="clear:both"></div> </div> </div> <div style="position: relative;" class="transp" id="bobinner"> <div class="bobcontentspace" id="bobcontent"> <div style="position: relative;" id="bobsynopsis"> <div id="ctl00_ContentPlaceHolder1_ucPopup_pnlMain" style="height:300px;overflow:auto;"> </div> </div> <br clear="all" /> </div> <br clear="all" style="line-height: 1px; font-size: 1px; height: 1px;" /> </div> <div id="bobbcap"> <img class="transp" src="../images/popup/bottomcap.png" style="width: 290px; height: 31px;" id="bobbottomcap" role="presentation" /></div> </div> <script language=javascript> function showPopupDialog(hyp,hidTitle, hidMessage) { var bobtitle=document.getElementById('bobtitle'); bobtitle.innerHTML=document.getElementById(hidTitle).value; var bobsynopsis=document.getElementById('ctl00_ContentPlaceHolder1_ucPopup_pnlMain'); bobsynopsis.innerHTML=document.getElementById(hidMessage).value; var itemPos = jQuery(hyp).offset(); var posx = itemPos.left + 60; var posy = itemPos.top - 50; //Adjust the popup at the end of the instructor name //posx+=hyp.offsetWidth + 40; //-40 is the left position of #bobarrow as per css //posy-=54; //50 is the top position of #bobarrow as per css var bob=document.getElementById('bob'); if(bob.parentNode!=document.body) { //Required otherwise the popup gets obscured by the page dimensions bob.parentNode.removeChild(bob); document.body.appendChild(bob); } bob.style.left = posx + 'px'; bob.style.top = posy + 'px'; //approx 50 is the size of the titlebox bob.style.visibility='visible'; } function hidePopupDialog() { var bob=document.getElementById('bob'); bob.style.visibility='hidden'; } function getElementLeft(elem) { var xPos = elem.offsetLeft; var tempEl = elem.offsetParent; while (tempEl != null) { xPos += tempEl.offsetLeft; tempEl = tempEl.offsetParent; } return xPos; } function getElementTop(elem) { var yPos = elem.offsetTop; var tempEl = elem.offsetParent; while (tempEl != null) { yPos += tempEl.offsetTop; tempEl = tempEl.offsetParent; } return yPos; } </script> <link href="../../styles/popup.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" language="javascript"> function PopupAlert(alertType, itemID) { //replace with ajax call //cbAlertPopup.Callback(alertType, itemID); //WaitForCallback(cbAlertPopup.ClientObjectId , 250, "ShowPopup();"); var param = JSON.stringify({ 'alertType': alertType, 'itemID': itemID }); $.ajax({ url: '../controls/Dialog/PopupHelper.aspx/GetPopupContent', type: 'POST', dataType: 'json', //data: "{ 'alertType': '" + alertType + "',itemID:'" + itemID + "'}", data: param, contentType: 'application/json', success: function (response) { if (response.d && response.d != '') { ShowPopup(response.d); } else { console.warn(`No response could be obtain.`); } }, failure: function(msg) { console.error(msg); } }); } function ShowPopup(alertText) { if (alertText.length) { $('#tdContent').html(alertText); $('#divPopup').show(); $('#divPopup').draggable(); } } function HidePopup() { $('#divPopup').hide(); } </script> <link href="../../styles/jquery-ui.min.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script> <style type="text/css"> #divPopup { width: 100%; height: 100%; top: 35%; position: absolute; display: none; } </style> <div id="divPopup" style="display: none"> <table width="458" onmousedown="alertDialog.StartDrag(event);" class="genericPopupHeader" cellpadding="0" cellspacing="0" id="alertDialog"> <tr> <td width="9" height="35" style="background-image: url(../images/genericdialog/top-left.png);"> </td> <td height="35" style="background-image: url(../images/genericdialog/top-mid.png); height: 35px !important;" valign="middle" width="409"> <span style="color: White; font-size: 15px; font-family: Arial; font-weight: bold;"> Alert</span> </td> <td width="40" height="35" valign="top" style="background-image: url(../images/genericdialog/top-right.png);"> <img src="../images/genericdialog/close.png" style="cursor: default; padding-top: 4px;" width="32" height="25" style="margin-top: 4px;" onmousedown="this.src='../images/genericdialog/close-down.png';" onmouseup="this.src='../images/genericdialog/close-hover.png';" onclick="HidePopup();" onmouseover="this.src='../images/genericdialog/close-hover.png';" onmouseout="this.src='../images/genericdialog/close.png';" /> </td> </tr> </table> <table cellpadding="0" cellspacing="0" width="458" class="genericPopup"> <tr> <td width="7" style="background-image: url(../images/genericdialog/left.png);"> </td> <td style="background-color: white; font-size: 12px; font-family: Arial;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td style="padding: 5px; height: 50px; text-align: left; vertical-align: middle" id="tdContent"> </td> </tr> <tr> <td style="background-image: url(../images/genericdialog/bottom_content.gif); height: 41px; padding-right: 10px;" align="right"> <input type='button' onclick='HidePopup();' value='Close' /> </td> </tr> </table> </td> <td width="7" style="background-image: url(../images/genericdialog/right.png)";> </td> </tr> </table> <table cellpadding="0" cellspacing="0" width="458" height="7" class="genericPopupFooter"> <tr> <td width="9" height="7"> <img style="display: block;" src="../images/genericdialog/bottom-left.png" /> </td> <td style="background-image: url(../images/genericdialog/bottom-mid.png);" width="440"> </td> <td width="9" height="7"> <img style="display: block;" src="../images/genericdialog/bottom-right.png" /> </td> </tr> </table> </div> <input type="hidden" name="ctl00$ContentPlaceHolder1$hdnCourses" id="hdnCourses" value="[{"Name":"AI FOR PROFESSIONALS","SKU":"25SCINTON005","Amount":"545"}]" /> <script type="text/javascript"> const emailToFriendURL = `https://www.campusce.net/uvu/course/EmailToFriend.aspx`; const reloadEmailToFriendModalOnClose = false; document.addEventListener('DOMContentLoaded', function () { const emailToFriendModalOverlay = document.getElementById('emailToFriendModalOverlay') const emailToFriendModalWindow = document.getElementById('emailToFriendModalWindow'); const emailToFriendIFrame = document.getElementById('emailToFriendIFrame'); const emailToFriendModalContent = document.getElementById('emailToFriendModalContent'); const emailToFriendModalLoading = document.getElementById('emailToFriendModalLoading'); const emailToFriendModalLink = document.getElementById('emailToFriendModalLink'); const emailToFriendModalCloseIcon = document.getElementById('emailToFriendModalCloseIcon') const emailToFriendModalReloadIcon = document.getElementById('emailToFriendModalReloadIcon'); if (emailToFriendModalCloseIcon) emailToFriendModalCloseIcon.addEventListener('click', function () { closeEmailToFriendModal(); }); if (emailToFriendModalReloadIcon) emailToFriendModalReloadIcon.addEventListener('click', function () { reloadEmailToFriendModal(); }); if (emailToFriendModalOverlay) emailToFriendModalOverlay.addEventListener('click', function () { emailToFriendModalOverlay.style.display = 'none'; emailToFriendModalWindow.style.display = 'none'; }); }); function clickEmailToFriendModalLink(event, element) { event.preventDefault(); if (!element || !element.dataset || !element.dataset.id || !emailToFriendIFrame) return; const elDataId = element.dataset.id; if (elDataId > 0) { emailToFriendIFrame.src = `${emailToFriendURL}?cid=${elDataId}`; openEmailToFriendModal(); } } function openEmailToFriendModal() { emailToFriendModalLoading.style.display = 'flex'; emailToFriendModalContent.style.display = 'none'; emailToFriendModalOverlay.style.display = 'block'; emailToFriendModalWindow.style.display = 'block'; emailToFriendModalContent.style.width = emailToFriendModalWindow.offsetWidth + 'px'; emailToFriendModalContent.style.height = emailToFriendModalWindow.offsetHeight + 'px'; setTimeout(() => { emailToFriendModalLoading.style.display = 'none'; emailToFriendModalContent.style.display = 'block'; }, 500); } function closeEmailToFriendModal() { emailToFriendModalContent.style.display = 'none'; emailToFriendModalLoading.style.display = 'none'; emailToFriendModalOverlay.style.display = 'none'; emailToFriendModalWindow.style.display = 'none'; if (reloadEmailToFriendModalOnClose) reloadEmailToFriendModal(); else { emailToFriendIFrame.src = ``; } } function reloadEmailToFriendModal() { emailToFriendIFrame.src = emailToFriendIFrame.src; } window.addEventListener('resize', function () { if (emailToFriendModalWindow.style.display === 'block') { openEmailToFriendModal(); // Dynamically resizes the modal } }); </script> <div id="emailToFriendModalOverlay" class="modal-overlay"></div> <div id="emailToFriendModalWindow" class="modal-window"> <span id="emailToFriendModalCloseIcon" class="modal-close-icon">×</span> <span id="emailToFriendModalReloadIcon" class="modal-reload-icon"></span> <div id="emailToFriendModalLoading" class="modal-loading"> <img alt="loading" src="../images/loading.gif" /> </div> <div id="emailToFriendModalContent" class="modal-content"> <iframe id="emailToFriendIFrame" class="modal-iframe">
TOP
