</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?C=716&pc=6&mc=64&sc=0" id="aspnetForm"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="AOd/QmitNeO0KjYBNJGjeQItPBKJGhz+OEWCLwxCFkbROATGHJLcBHxiA9rjl7852acFao1r5rMKKc4ONBLA3DyV75M3+uzvRQ5uxde6lXiY0+5V6EF9K7s7cEfqA17+VFHgaodQ+M60A7uRkbbm+An/jCLaSamgw7xONI3uGBxpcUwekmiwah8CqfKvoTZkuPSyfv03BT2jAn7notHs/vRMrIR0WPZNolK6GJYqisMcjhRXI8tImd+SrldFBD87wk8pAR/TFUdI1kQuisISC1bI6jo8UfQ40kGBcMQelBHofmsPpPyufUjGuBPzF31hZ0QRxaWHJciY+kALLYQtYpCb0RDFopogqh7ae+M0oW3h5cD812qnO0r6hn3gWTsyw+U3NGVBxGEg7wf981cz1GPunWpK3hVh747rAuk0sVrkqHn7vc2sfKhu6avsqXdLsWmJtOab8ZgKLIikopKMqD3F4Qu9IuIHj5W6MPYvdb4ISydHKdxHi+KB9PvkZE8Z+lRVXFSTQnKQreXQD5yt3w6Dg0RWa1YyU38GN0F1vRr0VfErrMbpSYd8nRszU6gjtpMgAMf4PYXNQUZPYYT1qYJZMLinhqgHG4HWZGNifw3LgbinRfxb9CRIatBq/fy5etEtHlmetGr0pvLJzYNpodmjInTOM6UdJ9rUdYrARZ0UHaCkwkYNaxdtYr5mluqxH10ln+vUbPszR9R+IErs1Sftl54TrIrWCAa11QVdkrZT62e0APb0rxpdV2Pd1TGAV1r7xxt+BauUM2LHRODleXkNgCcu8AWTodvygI/59k75WQKCQ6g19VDm2EicBlykBC2MFTH6ak0FELQB8RCurViCDRRUNuj+qqDcRw5eZ9Zu+6k595pMU9LIKcp1hjo0a3vgRBX1s8nRoz90OXZuHM0GiobscVAn2Su+P3gd9qqd8+Bpw3ptHd7D2c8jSekJnq4HaQpnZve088LeXrLD0Nao9j8Nf7m9Q7UvB0BqxrfBs//X82BdBsp85skrTZUAxD6BvaNQomYkTevb50Pcq30vzLRDwI84rrLNGf5P2gffVaPqK7m0UiqD/g+KR+TXnW9lnEmdafAzK50OnySAhLqnkZDCY5Zxf6C7hhKsUC0n3s2a4ky50jOosKvicofkMZk4cK3wrTNvdoWyuTqI40flRC/zmV8UjkuewEHp2AiUBvySsJrbX4LAV1PKcdbp2oTQr1eWArwqgVOOBbaX+mRQbLrPs1IV90s7qQ1Ba6dkgT/urnWxWy8qNUze6BnzxLJWKtNTO7FMyThYEMavQKZcMqwRv6A2de1s6idrC4/OJq6S98sr0bzaO0f+/iD68XCa9DCECn0yBXBPYMiTf7duDEUd3AoU8gA/rX/Ww5H/hsBs7XtL7e4hx74K87Dq7p98u138R8UgoRfQTLGXSuWlv2PuhHSb53H7tFAKqfgZIo1kN7kq0GNs989P/CzJX/ekSHjuA5w59IHzTGvVP8qCCqB1ay72q2aGjcUavH3kUo5GmNW+SVEnVDIeRwl8J9HWntwvxqn7b3AonQCAjtThRdwzlY2pXe/3FhFsb3EIgbS6i5Rlob8UmI7w1lD5yQboUNPLOXCPnjWaTIhahEUfMolkMU1PFMTdR02BRZFtQqkY10dvn6X270de9vq8rpSdiEf2EfkHfCoc5DMxGvbQzbAxKmSZUCi4i6p647jkh5YTpuuc7H6i4geRJ6VpaM9arGdNzsJz2wuodcZTNnabi3MdKg2BdQhbxPlsg7buQCSQ8Cwq+NSTGUjT6jRu2JA1nrjRvfxaX7z1nyr1NtGjpVkTbaoWuw0tJDgFjn34IZWdSTfDMtRzE80at17NfRvthMWee3oHx7dO2U04hPdb2i3uBPBqp/vOetMlS4sQrnQ6lxpUmOJ4mUii7NDJ+aHj7bDtMt7hiur4DBr4LZAA/42D5fIavP1jhFXd7CUhooFc9QWZW+24VTgCG2m0E9zYRo1o2kv3AINkxn1IXJGby+Ri4pdCjrvvNnSU+2uxnC7bssA+vc0gwvbkGLOV7dpkpwL+2jGw9EBZEC2+a00VdCdHmpcr3vJTskcTIxf1wWWx1JzZ4iQJSg8Vu0jsQxrc7XtLMUBKMgHMi79qHTe6dekMQOESKGjG8/h5Xydf1k3oUUd3NCgoFSUMqLtcSAZbNxxdvoixpQ6N5HnNGT+Csz12lrI6hCkWF73GQplHaCv1iUKoCNHs2nWZu6FTpZnSlYuoYnjYqVPocljJ8eDpDqy+lZRNGhXKcwxXGFU2H3XsUtHW9hsr0g6uaDhy/46kc8HhTOrM6Fd4OfZfXhvnkiZvxcDa7WuilfZJ54QPVvTZRLJhDN3oSjLRirwPLm9luk3V8Y/x+p5EsmIMrzFOUY7rrfq1gFq8ouwFZWzs+/4AWPe06wtqSjSbj8ji5hsPunbxwTe/+BGDlGCu08e0mAttrdw/7kzhZknv7y6PTXvE4r6xH5ra+g1UMqMn2Wv9bqJ7h/c2B5V2AWIVV0jmINWXi4FKla0CLaEk2x+VqaAf1no4b1g/r7yaaVgvm3MUCzR0/gLcrdXMZDWRp33fVGDhF0bWd3CFsqpiCqt28245fsIrBhvLiQI4gKmp2H9GvUsOY4tlNpP+BXO2cXnOoV2/wyVsCfjOUKRQQZL2XUJElwMKvGgHMcXVEw3hWQdUliC8oD5akQ0/kNtPw9p68KoMLa7KSxgKObCJSwPzQNXP4Rx010lw1iifYat4mqk24V8k+JR/bpV1mVFGC+6mMMz7IPv+7NFMsEZXJkLaLkcFyE5CMaCi0id05mXHBtJI088+r/+A5Ve+/bvzFcjXpUi79x9RZvznVvzIZROfFsdaCu4J2mQ/U8mBqpHbyrmX+2GvvIa5DaIUPLdNAV/uM5nXLa+xlvpOFhkOf/ZgJ2F77Ofg6ZH/F1liRH8yAY6WeRA2u61MhExYVU6pndn0o2vko71WQ4r5UHPDmvzvvIzrAlPvSkM07pcaJh/i+EZxS8yzCML4IOxdL8DROWXCZM/gYap2sr80kHvTXxuKePnWovCtQUD6hxFbinpzOZuzEaYl1lE+kCvBitjd8k/ktfCct8PNlD4eOOgxaw+tkoIQcTewIGDITrOgBgkG" /> <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> | </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" 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"> <a id="ctl00_ContentPlaceHolder1_ucCoursePrint_lnkPrint" href="Javascript:coursePrint('716');" target="_self">Print Course information</a> </td> </tr> <tr> <td class="style1"> <a href="#" onclick="openEmailToFriendModal();"> Email to a friend </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__singleCourse"> <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=6">Community Education</a> <span id="ctl00_ContentPlaceHolder1_ucBC_Label2"> > </span> <a id="ctl00_ContentPlaceHolder1_ucBC_lnkMCat" href="../category/category.aspx?S=64">Wasatch Campus (Heber)</a> <header class="ucCourseInfo"> <h1 class="pageTitle CCEPrimaryHeader pageHeading">WATERCOLOR LANDSCAPES - WASATCH <span id="ctl00_ContentPlaceHolder1_ucCourse_lblNewTag" class="attn"></span> </h1> <span id="ctl00_ContentPlaceHolder1_ucCourse_lblDescription" class="para custom-description">For both beginning and advanced artists who want to learn new ideas and skills. Explore the nuances of light, color, mixing, and more as you appreciate the strengths and limitations of this art form. Please come to the first class with all the supplies to get started.<br /> Supply List:<br /> Paper: 11”x15” cold pressed watercolor paper or individual sheets that can be cut down. 140 weight<br /> Watercolor block or Paint board (slightly larger than paper, for 11x15 paper, 12x16 is perfect – I like ½” gator board – available at Artists Corner in Orem – ask for it & they will cut it to size)<br /> Palette for watercolor<br /> Paint (tubes are best):<br /> Cadmium Yellow Light<br /> Medium Yellow, Aureolin is good<br /> Alizarin Crimson<br /> Cadmium Red light<br /> Sap Green<br /> Ultramarine Blue<br /> Cerulean Blue<br /> Violet<br /> Burnt Umber<br /> Payne’s Gray<br /> Brushes:<br /> Round watercolor burshes (medium size 4 or 6 and large sizes 8, and 12)<br /> Flat watercolor brush in size 4, 6, or 8<br /> Loew-Cornell, Prinston, Windsor & Newton, Grumbacher are all good brands to work with. Make sure you get short handled brushes... approximately 6-8 inches.<br /> Liquid masking fluid<br /> Water containers: 2 plastic<br /> Masking Tape<br /> #2 pencil<br /> Pink Pearl eraser<br /> Ruler or triangle<br /> Paper towels<br /> Small bar soap</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>WATERCOLOR LANDSCAPES - WASATCH</span></li> <li class="clearfix" style="background:#f8f8f8;padding:15px;"> <div class="wrap"> <div class="left"><b>Fee:</b> $79.00<br /> <b>Item Number:</b> 25PCAACWA016<br /> <b>Dates:</b> 2/27/2025 - 3/20/2025<br /> <b>Times:</b> 6:30 PM - 8:30 PM<br /> <b>Days:</b> 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.545326,-111.4135512?z/18' target=_blank>Wasatch Campus</a><br /> <b>Room:</b> WC225<br /> <b>Instructor:</b> Brian Thayne<br /> <b><strong>Seats Available: </strong></b>5</div> <div class="right"><span style="background-color: darkred;"><b style="color: white; padding: 5px 10px;">REGISTRATION FOR THIS CLASS IS CLOSED. This class is already in session.</b></span><br /> <div id="moreInfoDiv_2327" style="display:block;">For both beginning and advanced artists who want to learn new ideas and skills. Explore the nuances of light, color, mixing, and more as you appreciate the strengths and limitations of this art form. Please come to the first class with all the supplies to get started.<br /> Supply List:<br /> Paper: 11”x15” cold pressed watercolor paper or individual sheets that can be cut down. 140 weight<br /> Watercolor block or Paint board (slightly larger than paper, for 11x15 paper, 12x16 is perfect – I like ½” gator board – available at Artists Corner in Orem – ask for it & they will cut it to size)<br /> Palette for watercolor<br /> Paint (tubes are best):<br /> Cadmium Yellow Light<br /> Medium Yellow, Aureolin is good<br /> Alizarin Crimson<br /> Cadmium Red light<br /> Sap Green<br /> Ultramarine Blue<br /> Cerulean Blue<br /> Violet<br /> Burnt Umber<br /> Payne’s Gray<br /> Brushes:<br /> Round watercolor burshes (medium size 4 or 6 and large sizes 8, and 12)<br /> Flat watercolor brush in size 4, 6, or 8<br /> Loew-Cornell, Prinston, Windsor & Newton, Grumbacher are all good brands to work with. Make sure you get short handled brushes... approximately 6-8 inches.<br /> Liquid masking fluid<br /> Water containers: 2 plastic<br /> Masking Tape<br /> #2 pencil<br /> Pink Pearl eraser<br /> Ruler or triangle<br /> Paper towels<br /> Small bar soap</div><br /> <strong><p style="margin:0in 0in 8pt"><span style="font-size:14px;"><span style="line-height:107%"><span style="font-family:Aptos,sans-serif">Ages: 18+</span></span></span></p> </strong></div> <div class="right"> </div> </div> </li> </ul> </td> </tr> <tr> <td class="classInfoButton"> </td> </tr> </table> <input name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidClassID" type="hidden" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidClassID" value="2327" /> <input name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidSku" type="hidden" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidSku" value="25PCAACWA016" /> <input name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidAmount" type="hidden" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidAmount" value="79" /> <input name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidTerm" type="hidden" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidTerm" value="25P" /> <input name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidIsEvent" type="hidden" 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="WATERCOLOR LANDSCAPES - WASATCH" /> </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"> </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 != '') { ShowPopup(response.d); } }, failure: function(msg) { } }); } function ShowPopup(alertText) { if (alertText != '') { $('#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 name="ctl00$ContentPlaceHolder1$hdnCourses" type="hidden" id="ctl00_ContentPlaceHolder1_hdnCourses" value="[{"Name":"WATERCOLOR LANDSCAPES - WASATCH","SKU":"25PCAACWA016","Amount":"79"}]" /> <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
