</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=20" 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="/pCaRbiG+DFF6C75p7Xz0GonyJbzfm2NI9j9fUyFAdmh5R6KZi0NyOgB3QJ56WQ9cyE6fVVUB8D26WtPfsnKWVeit6y8+Xdl/B+YC7gW0n3VtH5Cu8OLBgGXMxFRScV63tZdTPICzRJga9muEXjwBgk7biVSOIIPsucVVgEt3jWDi3Y8viMnaLb6elHO0fqaoaXChm6UWlteFTRI1VKY/yAaPfAsvOjZK5oZ7PMQMBwRV0vzRTev1eGCMZOTHKYLNiHvQtgQg1H9EGPa8jpguKYZBatK0rr5Sihrn65kkGjksB2QS/WVCxI6FoeZ2L52hbKLRfr/Iu2HhQflZabeA5lVsQIZt+MrFst5mcx3oFVpn9aTs1UcrWwxkViGl1IxciAurjfuA063MGIMPoxofnPtSj55Hgix1ydTGaSH9vojKibZNsRztNDAfGDrsJ5nlhINW8BLlSlrlG+xRh1d0Erv7TfyPYE/1y6UPe3nquCcxDsSidNBq8JSPSXlLm7k6GEuqNmjzt5mkZvqDLbvoO7V5W3tUU10LRBk3A42TprdbHzNVaTddIF3TCfm6FASsWSkm2inPHISIAKnJ9r85NXiPKx0hGzrX49aHYIfM0nQm5mj3WnW6GkDgyXrCAHHLzQ7Le/qzN1vf4u284EnLZ25tNSD2l15WVOlwQAYgIe/jKUQq8D5ZiJddsur3vJz2vb1LoxBCUr+9cJNW26/OAcXHTX3We/3KcJtQi9BTTNgZoYJcSuzYd2jzhTBF6mlkTe4RYaSc5qWNfNL1eZUmJys4iKyDrjFpZyFEQPg5lKeAht1813tr4o2X85re+myWQ6U6GxBwIwwnIGpQ2XtpTvMrRonbxXPlZZQfM1ZiPcq3GMr3r13ChIcYTXBQlkZ09O3LDQ6MTp3HC21cu1jPlEP5195BMLx80m1qqOVm/JM0x1K" /> </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_TZFBkXF-1W1hTS8KRBniQaX1w6kfHBCHKOeOA1tBn7CaWwVqD2g2&t=638901289900000000" type="text/javascript"></script> <script src="/uvu/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvoElutNv-9n-to2Zr0wUGa1wLKZMNSoI4bpAlxmYvaLkvwFL65_JHLQj1Q4xqXkm1cGt0jJW5yB9LrNRxRqtRUds8wPZ748zXPATKVgjh-badJHGxnJvIL_vcufBf745AGFxepk1&t=5c0e0825" type="text/javascript"></script> <script src="/uvu/ScriptResource.axd?d=dwY9oWetJoJoVpgL6Zq8OBt4rvnk07DdqqdL8vjvXeesRX51APXcbZUY0m1JQtjSrS6YFJrTrV3fkyFamuZ1JyD5YizxHIXwprM7-eCzA04bNAZedJVZahX0Kf22JwpnDeVbXyw_DXr8BQgru8gUMcwOoXU1&t=5c0e0825" 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 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"> //<![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> <script type="text/javascript" > // Shared variable let recommendedItems = null; let fetchInProgress = null; let fetchAbortController = null; async function FetchRecommendedItemsOnce() { if (fetchInProgress) { return await fetchInProgress; } const btns = document.querySelectorAll('input[type="submit"]'); const ids = Array.from(btns, b => Number(b.getAttribute("data-classid"))).filter(b => b !== 0); fetchInProgress = SendRequest('../services/CartService.asmx/GetRecommendedItems', { ids }); try { const result = await fetchInProgress; recommendedItems = result?.d?.Data || []; return recommendedItems; } catch (error) { return []; } finally { fetchInProgress = null; } } </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('%1');" target="_self"></a> </td> </tr> <tr> <td class="style1"> <a id="ctl00_ContentPlaceHolder1_ucCoursePrint_hlnkEmail" href="Javascript:emailFriend(%1);"></a> </td> </tr> <tr> <td class="style1"> <a id="ctl00_ContentPlaceHolder1_ucCoursePrint_lnkReturn" href="Javascript:history.go(-1);"></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> <header class="ucCourseInfo"> <h1 class="pageTitle CCEPrimaryHeader pageHeading"> Photography <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 Community 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> <ul class="no-bullet course"> <li class="clearfix coursetitle"><span><a href='course.aspx?C=1086&pc=6&mc=20&sc=0'>CAPITOL REEF: PHOTOGRAPHY WORKSHOP</a></span></li> <li class="clearfix" style="background:#f8f8f8;padding:15px;"> <div class="wrap"> <div class="left"><b>Fee:</b> $299.00<br /> <b>Item Number:</b> 26PCDELCR003<br /> <b>Dates:</b> 4/20/2026 - 4/22/2026<br /> <b>Times:</b> 12:00 PM - 2:00 PM<br /> <b>Days:</b> M Tu W<br /> <b>Sessions:</b> 3<br /> <b>Building:</b> <a href='https://www.uvu.edu/maps/map.html?id=382#!ct/18632?mc/38.185184,-111.179489?z/18' target=_blank>Capitol Reef Field Station</a><br /> <b>Room:</b> <br /> <b>Instructor:</b> Ellen Kowallis<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_4268" style="display:block;"><p>Join us for three days of incredible camera techniques, and breathtaking landscapes. Learn how to change night into day with long exposures; then wake up early to photograph the sunrise! Some light hiking required. Focus on composition, learning to see, post processing, lens choice, camera settings, metering, both color and black and white conversion, etc. A basic knowledge of DSLR camera operation such as changing shutter speeds, apertures, and ISO will be helpful. <strong>A mandatory pre-trip planning meeting will be held one week prior to the trip. Food and lodging will be provided. Transportation is not provided.</strong></p> <p><strong>Supply List:</strong></p> <ul> <li>DSLR or mirrorless camera with manual controls that can photograph in RAW format.</li> <li>Tripod</li> <li>Batteries</li> <li>Battery charger</li> <li>Hiking shoes or boots</li> </ul> </div><br /> <strong>Ages: 18+</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="4/20/2026" data-endTime="2:00 PM" data-dow="14" data-alttitle="" data-instructor="Ellen Kowallis" data-courseId="1086" data-isEvent="False" data-title="CAPITOL REEF: PHOTOGRAPHY WORKSHOP" data-building="Capitol Reef Field Station" data-category="Photography" data-sku="26PCDELCR003" data-term="26P" data-room="" data-sessions="3" data-buildingAlt="CRFS" data-startTime="12:00 PM" data-endDate="4/22/2026" data-section="CR003" data-classId="4268" data-amount="0" /> </td> </tr> </table> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidClassID" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidClassID" value="4268" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidSku" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidSku" value="26PCDELCR003" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidAmount" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidAmount" value="299.00" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidTerm" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidTerm" value="26P" /> <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="CAPITOL REEF: PHOTOGRAPHY WORKSHOP" /> </div> <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=449&pc=6&mc=20&sc=0'>LANDSCAPE PHOTOGRAPHY</a></span><span class="courselocation">Orem West Campus</span></li> <li class="clearfix" style="background:#f8f8f8;padding:15px;"> <div class="wrap"> <div class="left"> <p><b>Fee:</b> $129.00<br /> <b>Item Number:</b> 26PCPHTOR001<br /> <b>Dates:</b> 3/24/2026 - 4/28/2026<br /> <b>Times:</b> 6:30 PM - 8:30 PM<br /> <b>Days:</b> Tu<br /> <b>Sessions:</b> 5<br /> <b>Building:</b> <a href='https://www.uvu.edu/maps/map.html?id=382#!ct/18632?mc/40.28060608317338,-111.72737896442413?z/18' target=_blank>National Guard Building</a><br /> <b>Room:</b> NG102<br /> <b>Instructor:</b> David Kocherhans</p> <p><b><strong>Seats Available: </strong></b>7</p> <p><a href='#' id='emailToFriendModalLink_449' data-id='449' onclick='clickEmailToFriendModalLink(event, this);' class='emailToFriendModalLink'>Email to a friend</a></p> </div> <div class="right"><div id="moreInfoDiv_4245" style="display:block;"><p><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">De-mystify camera settings to take control and intentionally compose and capture satisfying landscape images you’ll want to display in your home. Fundamentals, equipment, composition, in-the-field tactics, and post-production methods for print-worthy results. Please bring a camera with manually adjustable settings. Course includes a field trip to apply the techniques covered.</span></span></p> <p><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Learning Outcomes:</span></span></p> <ol> <li><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Adjust basic camera settings to intentionally capture landscape photographs.</span></span></li> <li><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Apply foundational composition techniques while photographing in natural settings.</span></span></li> <li><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Practice in-the-field shooting strategies to create display-ready landscape images.</span></span><br />  </li> </ol> </div><br /> <strong>Ages: 18+<br /> <strong><span style="color:#ff0000;">No class April 7</span></strong><br />  </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="3/24/2026" data-endTime="8:30 PM" data-dow="4" data-alttitle="" data-instructor="David Kocherhans" data-courseId="449" data-isEvent="False" data-title="LANDSCAPE PHOTOGRAPHY" data-building="National Guard Building" data-category="Photography" data-sku="26PCPHTOR001" data-term="26P" data-room="NG102" data-sessions="5" data-buildingAlt="" data-startTime="6:30 PM" data-endDate="4/28/2026" data-section="OR001" data-classId="4245" data-amount="129.00" /> </td> </tr> </table> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$hidClassID" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_hidClassID" value="4245" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$hidSku" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_hidSku" value="26PCPHTOR001" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$hidAmount" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_hidAmount" value="129.00" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$hidTerm" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_hidTerm" value="26P" /> <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="LANDSCAPE PHOTOGRAPHY" /> </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 = 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) { var param = JSON.stringify({ 'alertType': alertType, 'itemID': itemID }); $.ajax({ url: '../controls/Dialog/PopupHelper.aspx/GetPopupContent', type: 'POST', dataType: 'json', data: param, contentType: 'application/json', success: function (response) { if (response.d && response.d != '') { ShowPopup(response.d); } } }); } 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":"LANDSCAPE PHOTOGRAPHY","SKU":"26PCPHTOR001","Amount":"$129.00"}]" /> <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
