</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=46" 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="DbpRAPUHDbIh2pjqhEFlscZNBDpLnkDmWtlNy+32B75pB5P8+/JRwgUb1mXWgVar+qdGmgnwsRFHbNE1au+9uPiNJqo41IjcOaT1kEJGvudv3aookAr9mhkdfn2W1xwJN8Wrrt0H4luWxiBrE7LprpCYjvjDN0xXiKV8vIDal+LnkkcqSWNAOD9/MffdOw1Dmvul7wmtwJ5x59M7DgqcwK84e/HMSC4Vp2mcJA6O0vPVJs/mdBvFQvvANirjNkDzOQ6KgIH7cVCO7ugOEFzi9Dgyb1YnPNdbJaCfCd8li1gADa5NvEUuzwT0488IHrzqsb2vjcZ2wWLqIKDszyB8js/GYnOCLTG/3xXU0vK915FqQInChu0WiCyTLkx0JafHb53GXlRucFbbhzl5CY5fE6jmebr+8Nz44PULCayOxvawmv6uKh8WfDjStVA4bGV/7MvC81FIxzjYXmPy653+1VHG+LFRGhoCWlGHmqpHkrpAdpLx5gNw9SnGUF4jof/J8R0LkHHumMZT2GvYmZPZSVcSDVQjkMME2I47F3JTTbsFyi1MJESeFtwNwPgnA7oR3yW1hbwjM0A0FvsRwGqN+h+hY/Yx0l38iZQJu5Mb97ZV87nRqNylNOLTxayGwiVccV9yilIfB5viqtp6HUs43fQ1Om3E1AIEDqVbTiL/kmNYyV/Yt7nJbwqxeKNsw1qq6wVmLBp8JNWxlgKhC4+J0/veqViQxTwuQ73leBBjqOt8taQte5HflMEnfanstmI66HF2Lq0uL0lummZYE6gvkX96OVVsyP40qFku5crV1p0tHiIMb9awlgTV3TfhiYrPZs5lBuE1vKi0rQIAbNrFIE6Efok4HgwbYDZoY7YdlYtFm0DhL1EtmJzQRPMUJyRTr3k53f5DpVDvvXEEhB0SFMS1fzvDw0WkNVCkkMNWfci2QRAzC7DOC3Rne/u4QZH2wXnIlqpWNxo2Ydy/fjZI5om883+TYt+nWCwD+PwD1LP+pdbKofcu819p/7AugJjHOznnCasRXIdTTdMW+q0JulrZj1JYbFQlTAArsmL4Tm0JBGW9YzrPE3jKoLy7+bonNnOmppIedpOha6TpAcppAach99q+dFXgXj39gwAvwzdtwN9xkVfGB0gZe98gp8nJk8ir/mBgcPOlY1Za1Nuo8e/VUxgbf+f5aXPx+M12N1QXUofQAD3tqLFlkE8t0VTw3crsz6w5t7jDtt2z9hW0vrb0tAWhOBbDokw/+QFe6IBheje1z3MdSh/QHhdQuOB2" /> </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=46">Business Management</a> <header class="ucCourseInfo"> <h1 class="pageTitle CCEPrimaryHeader pageHeading">Business Management <span id="ctl00_ContentPlaceHolder1_ucCourse_lblNewTag" class="attn"></span> </h1> <span id="ctl00_ContentPlaceHolder1_ucCourse_lblDescription" class="para custom-description"><a class="contShopping button" href="javascript:history.back()"><span class="fa fa-arrow-left"> </span> Back to Professional Education Listings</a></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=2308&pc=37&mc=46&sc=0'>CHANGE MANAGEMENT</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> $1,470.00<br /> <b>Format: </b>Online<br /> <b>Course Dates:</b> 8/4/2025 - 11/5/2025<br /> <b>Instructor:</b> <a href="javascript:;" onclick="showPopupDialog(this,'ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl01','ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl02');" onmouseover="showPopupDialog(this,'ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl01','ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl02');">Bret Skousen</a></p> <p><a href='#' id='emailToFriendModalLink_2308' data-id='2308' onclick='clickEmailToFriendModalLink(event, this);' class='emailToFriendModalLink'>Email to a friend</a></p> </div> <div class="right"><div id="moreInfoDiv_3847" style="display:block;"><table border="1" cellpadding="1" cellspacing="1" style="width: 800px;"> <tbody> <tr> <td colspan="2"> </td> </tr> <tr> <td colspan="2"> <h2>Program Overview</h2> </td> </tr> <tr> <td colspan="2"> <p>This immersive Change Management program is a<strong> three-course series</strong> designed for leaders and professionals seeking to drive sustainable organizational transformation using John Kotter’s renowned 8-Step Process for Leading Change. Grounded in the principles from Our Iceberg is Melting and The Heart of Change Field Guide, each course in the series spans one month, with a one-week break between courses to allow for reflection and application. Participants will learn to build urgency, craft and communicate compelling visions, remove obstacles, and empower teams through change. The program blends strategic insight with practical application, helping learners address resistance, generate momentum with early wins, and foster a culture of adaptability and continuous improvement. Ideal for managers and change agents across sectors, this series provides a structured, proven approach to leading meaningful and lasting change.</p> </td> </tr> <tr> <td colspan="2"> <h5><strong>Course 1</strong>: Foundations of Change Management</h5> </td> </tr> <tr> <td colspan="2"> <p><strong>Dates</strong>: 08-04-25 to 09-01-25</p> <p><strong>Zoom Sessions</strong>: Every Wednesday, 7pm-8pm</p> <p>This course provides an introduction to the principles, strategies, and tools essential for leading successful change initiatives. Participants will gain an understanding of change management concepts, with a focus on creating a climate for change, engaging the entire organization, and sustaining transformation over time. Using John Kotter’s story “Our Iceberg is Melting” as a foundational case study, participants will connect key lessons to their own experiences in driving change.</p> </td> </tr> <tr> <td colspan="2"> <h5><strong>Course 2</strong>: Leading and Implamenting Change </h5> </td> </tr> <tr> <td colspan="2"> <p><strong>Dates</strong>: 09-08-25 to 10-06-25</p> <p><strong>Zoom Sessions</strong>: Every Wednesday, 7pm-8pm</p> <p>This course provides an overview of the first four steps in Kotter’s 8-Step Model for Change Management. Participants will learn to create a sense of urgency, engage leadership, build a guiding coalition, and develop a compelling vision for change. The course also covers effective communication strategies to gain buy-in and foster alignment, using clear messaging and storytelling. Throughout the course, participants will apply key concepts to create a Change Management Plan, tailored to a real or hypothetical organizational challenge.</p> </td> </tr> <tr> <td colspan="2"> <h5><strong>Course 3</strong>: Sustaining Momentum & Embedding Change</h5> </td> </tr> <tr> <td colspan="2"> <p><strong>Dates</strong>: 10-13-25 to 11-10-25</p> <p><strong>Zoom Sessions</strong>: Every Wednesday, 7pm-8pm</p> <p>This course equips leaders and managers with the skills to drive and sustain organizational change. Participants will learn to enable employees for action, remove barriers, and empower teams to take initiative while streamlining processes and building a culture of collaboration. Key strategies include creating short-term wins, leveraging early successes to build support, and maintaining momentum through stakeholder engagement. The course also focuses on embedding new behaviors into daily practices, aligning leadership actions with organizational culture, and reinforcing the long-term vision to ensure that change sticks. By the end, participants will be prepared to lead change initiatives that drive continuous improvement and lasting impact.</p> <p style="margin:0in 0in 8pt"><span style="font-size:14px;"><span style="font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;"><span style="line-height:107%"></span></span></span></p> </td> </tr> <tr> <td colspan="2"> <h2>Instructor<span style="color:#006400;"><font face="Calibri, sans-serif"><span style="font-size:18.6667px"><b><a id="instructor" name="instructor"></a></b></span></font></span></h2> </td> </tr> <tr> <td colspan="2" style="text-align: center;"> <p style="margin-bottom:0in; text-align:justify; margin:0in 0in 8pt"><span style="font-size:16px;"><span style="font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;"><img alt="" src="https://www.uvu.edu/ce/images/campusce/professional/instructors/bskousen.jpg" style="float: right; width: 200px; height: 200px; display : block ;" /></span></span><strong>Bret Skousen</strong> brings over 30 years of executive leadership experience with renowned companies like Black & Decker (B&D), Mountain America Credit Union (MACU), and Utah-based tech firms. His extensive business acumen spans corporate strategy, organizational development, marketing, PR, and business development, driving explosive growth in tech companies. At MACU, Bret revolutionized sales, marketing, and product development processes, with the first product launched under this approach increasing profitability per user by over 50%. At B&D, his sales territories consistently exceeded expectations by 15-20%. A passionate advocate for building high-performing teams, Bret also founded BDHHI University, where B&D’s leaders are trained, developed, and empowered to excel.</p> </td> </tr> <tr> <td colspan="2"> <h2>Available Courses</h2> </td> </tr> </tbody> </table> <span style="font-size:11pt"><span style="background:#fefefe"><span style="line-height:normal"><span style="font-family:Calibri,sans-serif"><span style="font-size:10.5pt"><span style="font-family:"Lucida Sans Unicode",sans-serif"><span style="color:#0a0a0a"><a id="register now" name="register now"></a></span></span></span></span></span></span></span></div><br /> <strong><p>Equip yourself with the tools and strategies to lead successful organizational change. Based on John Kotter’s renowned 8-Step Process, this interactive course empowers leaders to inspire action, overcome resistance, and embed lasting transformation. Ideal for managers, supervisors, and change agents across industries.</p> <p>THREE-COURSES: This program is a three-course series, which spans three months with one course per month and a one-week break in between.</p> <p>COURSE FORMAT: <meta charset="utf-8" />This fully online program includes weekly Zoom sessions, with independent work required beforehand to ensure active, informed participation.</p> <p>ZOOM SESSIONS: Wednesdays; 7:00pm-8:00pm</p> </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="8/4/2025" data-endTime="8:00 PM" data-dow="8" data-alttitle="" data-instructor="Bret Skousen" data-courseId="2308" data-isEvent="False" data-title="CHANGE MANAGEMENT" data-building="Online Campus" data-category="Business Management" data-sku="25FCBUMON001" data-term="25F" data-room="Zoom" data-sessions="14" data-buildingAlt="" data-startTime="7:00 PM" data-endDate="11/5/2025" data-section="ON001" data-classId="3847" data-amount="1470" /> </td> </tr> </table> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidClassID" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidClassID" value="3847" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidSku" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidSku" value="25FCBUMON001" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidAmount" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidAmount" value="1470" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidTerm" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidTerm" value="25F" /> <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="CHANGE MANAGEMENT" /> </div> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl01" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl01" value="Bret Skousen" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl02" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl02" value="<p><img alt="" src="https://www.uvu.edu/ce/images/campusce/professional/instructors/bskousen.jpg" style="width: 200px; height: 200px; display : block ;" /><br /> <strong>Bret Skousen</strong><br /> Bret has 30+ years of executive leadership at companies like Black &#38; Decker, Mountain America Credit Union, and most recently tech companies.&#160;Bret received his Bachelor of Science in Business from BYU, a Master of Science in Executive Leadership from the University of San Diego, and was certified as an Executive Coach from Corporate Coach University.</p>" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl03" value="Bret" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl04" value="Skousen" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl05" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl05" /> <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":"CHANGE MANAGEMENT","SKU":"25FCBUMON001","Amount":"1470"}]" /> <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
