</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/ce/professional-education/index.html" target="_blank"><i class="fi-list"></i> <span>Professional Education</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/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=21" id="aspnetForm"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="5d43AgtkM+gxPD06X0PKFO9OU4O2xiD5icewdR1kFySmuvp4Q4NdBCojQ0SrzU5TnMeejgBAuZ8C23IdFLd7fDcysK3a6RjUkU51GAIIk+Fbz9Ig46WLZwFgiSfAl9yVqKDJewvMA6k+f/hYQc1MZToLn70f3fZTWWZ7Vlk8DICkaBBZSKopGv0Vrs9Rjn7Zo4YCu5EdqRjMakuqqh0gSJy6xd28hlUVmezjJf4qypMQnW9NlxWKCOLcM0+OzOXabf86w2de0VeIJ5UnHNUkl/FLrSuqmNM0B0GetNdKUfBT+HMbr8tPG6ZCbwBYAEHB08lnp6ORZVhIWj9eak/oYdoq4Yx7GPRvKF2S0QdtLkVbkKbJLDrqjH21QVuTFI9sdvga5Io2Vg42BsLESKqmFiuQOuoA4mKfxyPkHSTYMk5w+h5h6o0Z0ynRuFbsfJhDl+uG2hitss23jEvTSl/Wty6e1NviD0ySz7zSN3zCTmAPF2u6S0RKJ0Et6ViNqi6TRVJRz6OEt2FQK0/j3/WsXh55KefylR62LLvjjHI6/14BM7/Iuszvas44Q4YYaXV2Ib4TIyjZokVtmavvDzGjZMFG4kO1VKV04shmrps9bTC4l29G5tZmhBjghDNAerf1a1IEPqWFWGwM4jog1moExGanF+ztdt/il3OSSgCm32W/6HCK0rUPpgl77Er+edaiNo/3YIcSiBF/j+9NVszuf94z+Oapq6SccwB7kgbSI341SQNAve5waHsxjEtgN7ImwEMk6lpaUUAuhfjBaWG4YVxQaLjXZWtLUnQH6KGBAOwDvu1mvAPY8PL+9KUCrkmluj8Ou07qHFL4Xin/nE1lTHL7hWRZqQdZ2Ninyg0Qd4cw3tJUYlv6lSpeiKwbbU0e3OjD4FCaFLTvEHte4dnw5vb8ZUq66edPSbN1mxXlY9umOyp7TP5r/Ik0BUveV508JS6B6G0syvhQeWNi/GqdtfjrQzTDCCKEFFEyrTr6UqhlSTRn9kFKSlkAFbds7uImVaCnLTjuSNW7wpzCsA2LuJPy6jOjkaSOQmQPG9TuGnAkl7478k8OgGP+xHO/WYNagekznUXPIAtNmnjXK2Dwt5sY08iwwJWjOkb98BsJPCA//Qh68a6NVOpujf0P8vyt3v2c2kHGKMGytG8TvL+GWAYJamWXxV0oM6zkuL06w3yXm9xpg+QFBUmvIF/xfi8yRdQCd/cVpKASScLvMlJF8BPHW3nVIu4hwc2dGOGrrxyaA6+4cepcNIEhxs2wxz9y" /> <script src="/uvu/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvjLdV-jrtFjD4O0RIIhtTlHZywVF3ykQqD8XGkEJ-YdbSXc7M8Qz0SWK-fj8yDVRzll72KnQgs51NzUeDqsBxdf2R-3l8Wh3e1-Rr0XL_0DpOHkd0IpPAeJS_mbbQHIny87qkrZY7bLmvbbTq8uFs7w1&t=2a9d95e3" type="text/javascript"></script> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="4B39941A" /><!-- 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 aria-hidden='true' role='presentation'> </span><a id="ctl00_Ucpreheader1_hypGoCartIndex" href="../cart/index.aspx">View Cart</a><span aria-hidden='true' role='presentation'> </span><span aria-hidden='true' role='presentation'> </span><a id="ctl00_Ucpreheader1_hypFeedback" href="Javascript:feedBack('/uvu/feedBack/feedBack.aspx')">Help</a><span aria-hidden='true' role='presentation'> </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" 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=4">Youth Camps & Courses</a> <span id="ctl00_ContentPlaceHolder1_ucBC_Label2"> > </span> <a id="ctl00_ContentPlaceHolder1_ucBC_lnkMCat" href="../category/category.aspx?S=21">Youth: Science & Engineering</a> <header class="ucCourseInfo"> <h1 class="pageTitle CCEPrimaryHeader pageHeading">Youth: Science & Engineering <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 Youth Camps & Courses 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> <ul class="no-bullet course"> <li class="clearfix coursetitle"><span><a href='course.aspx?C=182&pc=4&mc=21&sc=0'>MAKERSPACE: ENGINEERING AND DESIGN THINKING (GRADES 3RD-4TH)</a></span></li> <li class="clearfix" style="background:#f8f8f8;padding:15px;"> <div class="wrap"> <div class="left"><b>Fee:</b> $99.00<br /> <b>Item Number:</b> 25SCYSCOR011<br /> <b>Dates:</b> 7/14/2025 - 7/17/2025<br /> <b>Times:</b> 9:00 AM - 12:00 PM<br /> <b>Days:</b> M Tu W Th<br /> <b>Sessions:</b> 4<br /> <b>Building:</b> <a href='https://www.uvu.edu/maps/map.html?id=382#!ct/18632?mc/40.27936196816123,-111.71381235122682?z/16' target=_blank>McKay Education Building</a><br /> <b>Room:</b> ME152<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');">Sarah Frei</a><br />  </div> <div class="right"><span style="background-color: darkred;"><b style="color: white; padding: 5px 10px;">THIS CLASS IS FULL. Please click the "Add to Waitlist" button below.</b></span><br /> <div id="moreInfoDiv_2652" style="display:block;"><p><span></span>How do engineers and designers solve important problems? Use engineering and design thinking to complete challenges and create your own projects using maker materials, electronics, and robotics.</p> </div><br /> <strong><p style="margin:0in 0in 8pt"><span style="font-size:11pt"><span style="line-height:107%"><span style="font-family:Aptos,sans-serif"><span style="font-size:14px;">Grades: 3rd-4th</span></span></span></span><br /> <br /> <br />  </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$btnAddWaitlisted" value="add to wait list" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_btnAddWaitlisted" class="AddBtns" data-status="Waitlist" data-startDate="7/14/2025" data-endTime="12:00 PM" data-dow="30" data-alttitle="" data-instructor="Sarah Frei" data-courseId="182" data-isEvent="False" data-title="MAKERSPACE: ENGINEERING AND DESIGN THINKING (GRADES 3RD-4TH)" data-building="McKay Education Building" data-category="Youth: Science & Engineering" data-sku="25SCYSCOR011" data-term="25S" data-room="ME152" data-sessions="4" data-buildingAlt="" data-startTime="9:00 AM" data-endDate="7/17/2025" data-section="OR011" data-classId="2652" data-amount="0" /> </td> </tr> </table> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidClassID" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidClassID" value="2652" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidSku" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidSku" value="25SCYSCOR011" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidAmount" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidAmount" value="99" /> <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="MAKERSPACE: ENGINEERING AND DESIGN THINKING (GRADES 3RD-4TH)" /> </div> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl01" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl01" value="Sarah Frei" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl02" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl02" value="&lt;img alt=&quot;Sarah Frei image&quot; src=&quot;https://www.uvu.edu/ce/images/campusce/instructor_pics/sarah_frei.jpg&quot; style=&quot;width: 200px; height: 200px;display:block;&quot; /&gt; &lt;p style=&quot;margin:0in&quot;&gt;&lt;span style=&quot;font-size:11pt&quot;&gt;&lt;span style=&quot;font-family:Aptos,sans-serif&quot;&gt;I have been teaching art for over 14 years.&amp;#160; &amp;#160;I worked at Mountainville Academy for 13 of those years,teaching Elementary and Middle School students.&amp;#160; &amp;#160;I love all forms of art, with my favorite being Mixed Media.&amp;#160; I graduated from UVU with a Bachelor of Fine Arts in Studio Art.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl03" value="Sarah" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl04" value="Frei" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl05" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl05" /> <br> </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=184&pc=4&mc=21&sc=0'>MAKERSPACE: ENGINEERING AND DESIGN THINKING (GRADES 5TH-6TH)</a></span><span class="courselocation">Orem Campus</span></li> <li class="clearfix" style="background:#f8f8f8;padding:15px;"> <div class="wrap"> <div class="left"> <p><b>Fee:</b> $99.00<br /> <b>Item Number:</b> 25SCYSCOR012<br /> <b>Dates:</b> 7/28/2025 - 7/31/2025<br /> <b>Times:</b> 9:00 AM - 12:00 PM<br /> <b>Days:</b> M Tu W Th<br /> <b>Sessions:</b> 4<br /> <b>Building:</b> <a href='https://www.uvu.edu/maps/map.html?id=382#!ct/18632?mc/40.27936196816123,-111.71381235122682?z/16' target=_blank>McKay Education Building</a><br /> <b>Room:</b> ME152<br /> <b>Instructor:</b> <a href="javascript:;" onclick="showPopupDialog(this,'ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_ctl01','ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_ctl02');" onmouseover="showPopupDialog(this,'ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_ctl01','ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_ctl02');">Sarah Frei</a></p> <p><b><strong>Seats Available: </strong></b>3</p> <p><a href='#' id='emailToFriendModalLink_184' data-id='184' onclick='clickEmailToFriendModalLink(event, this);' class='emailToFriendModalLink'>Email to a friend</a></p> </div> <div class="right"><div id="moreInfoDiv_2653" style="display:block;">How do engineers and designers solve important problems? Use engineering and design thinking to complete challenges and create your own projects using maker materials, electronics, and robotics.</div><br /> <strong><p style="margin:0in 0in 8pt"><span style="font-size:11pt"><span style="line-height:107%"><span style="font-family:Aptos,sans-serif"><span style="font-size:14px;">Grades: 5th-6th</span></span></span></span><br /> <br /> <br />  </p> </strong></div> <div class="right"> </div> </div> </li> </ul> </td> </tr> <tr> <td class="classInfoButton"> <input type="submit" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$btnAdd" value="Add to cart" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_btnAdd" class="AddBtns" data-status="" data-startDate="7/28/2025" data-endTime="12:00 PM" data-dow="30" data-alttitle="" data-instructor="Sarah Frei" data-courseId="184" data-isEvent="False" data-title="MAKERSPACE: ENGINEERING AND DESIGN THINKING (GRADES 5TH-6TH)" data-building="McKay Education Building" data-category="Youth: Science & Engineering" data-sku="25SCYSCOR012" data-term="25S" data-room="ME152" data-sessions="4" data-buildingAlt="" data-startTime="9:00 AM" data-endDate="7/31/2025" data-section="OR012" data-classId="2653" data-amount="99" /> </td> </tr> </table> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$hidClassID" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_hidClassID" value="2653" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$hidSku" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_hidSku" value="25SCYSCOR012" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$hidAmount" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_hidAmount" value="99" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$hidTerm" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_hidTerm" value="25S" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$hidIsEvent" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_hidIsEvent" value="False" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$hdnTitle" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_hdnTitle" value="MAKERSPACE: ENGINEERING AND DESIGN THINKING (GRADES 5TH-6TH)" /> </div> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$ctl01" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_ctl01" value="Sarah Frei" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$ctl02" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_ctl02" value="&lt;img alt=&quot;Sarah Frei image&quot; src=&quot;https://www.uvu.edu/ce/images/campusce/instructor_pics/sarah_frei.jpg&quot; style=&quot;width: 200px; height: 200px;display:block;&quot; /&gt; &lt;p style=&quot;margin:0in&quot;&gt;&lt;span style=&quot;font-size:11pt&quot;&gt;&lt;span style=&quot;font-family:Aptos,sans-serif&quot;&gt;I have been teaching art for over 14 years.&amp;#160; &amp;#160;I worked at Mountainville Academy for 13 of those years,teaching Elementary and Middle School students.&amp;#160; &amp;#160;I love all forms of art, with my favorite being Mixed Media.&amp;#160; I graduated from UVU with a Bachelor of Fine Arts in Studio Art.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$ctl03" value="Sarah" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$ctl04" value="Frei" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$ctl05" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_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"> </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 = decodeHtml(document.getElementById(hidTitle).value); var bobsynopsis = document.getElementById('ctl00_ContentPlaceHolder1_ucPopup_pnlMain'); bobsynopsis.innerHTML = decodeHtml(document.getElementById(hidMessage).value); var itemPos = jQuery(hyp).offset(); var posx = itemPos.left + 60; var posy = itemPos.top - 50; var bob = document.getElementById('bob'); if (bob.parentNode != document.body) { bob.parentNode.removeChild(bob); document.body.appendChild(bob); } bob.style.left = posx + 'px'; bob.style.top = posy + 'px'; bob.style.visibility = 'visible'; } function decodeHtml(html) { var txt = document.createElement("textarea"); txt.innerHTML = html; return txt.value; } 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":"MAKERSPACE: ENGINEERING AND DESIGN THINKING (GRADES 3RD-4TH)","SKU":"25SCYSCOR011","Amount":"99"},{"Name":"MAKERSPACE: ENGINEERING AND DESIGN THINKING (GRADES 5TH-6TH)","SKU":"25SCYSCOR012","Amount":"99"}]" /> <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
