</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/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=1287&pc=6&mc=15&sc=0" id="aspnetForm"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="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" /> <script src="/uvu/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvoElutNv-9n-to2Zr0wUGa1wLKZMNSoI4bpAlxmYvaLkvwFL65_JHLQj1Q4xqXkm1cGt0jJW5yB9LrNRxRqtRUds8wPZ748zXPATKVgjh-badJHGxnJvIL_vcufBf745AGFxepk1&t=ffffffffbec1863d" 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="../include/jquery-3.7.1.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" role="presentation"> <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__singleCourse"> <a id="ctl00_ContentPlaceHolder1_ucBC_lnkCatalog" href="/uvu/category/category.aspx"> Course Catalog </a> <header class="ucCourseInfo"> <h1 class="pageTitle CCEPrimaryHeader pageHeading"> CREAM PUFFS AND ECLAIRS <span id="ctl00_ContentPlaceHolder1_ucCourse_lblNewTag" class="attn"></span> </h1> <span id="ctl00_ContentPlaceHolder1_ucCourse_lblDescription" class="para custom-description"><p><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Master the art of making cream puffs and eclairs! Create light, airy choux pastry and fill them with rich, velvety creams. Learn the tips and techniques to perfect these classic French desserts, from piping and baking to glazing and filling.</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;">Prepare choux pastry for cream puffs and éclairs</span></span></li> <li><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Pipe, bake, and fill pastries with smooth creams</span></span></li> <li><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Finish with simple toppings such as glazes or powdered sugar</span></span></li> </ol> </span> </header> <div id="ctl00_ContentPlaceHolder1_pnlClass" class="pnlClass"> <table role="presentation"> <tr> <td></td> </tr> <tr> <td> <div class="classPanelInfo"> <table border="0" cellpadding="2" cellspacing="2" width="100%" class="class" role="presentation"> <tr> <td> <ul class="no-bullet course"> <li class="clearfix coursetitle"><span>CREAM PUFFS AND ECLAIRS</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> 26FCCOKOR003<br /> <b>Dates:</b> 10/19/2026 - 10/19/2026<br /> <b>Times:</b> 6:00 PM - 8:00 PM<br /> <b>Days:</b> M<br /> <b>Sessions:</b> 1<br /> <b>Building:</b> Lemon and Sage Culinary Collective<br /> <b>Room:</b> <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');">Jodi Leynse</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_5616" style="display:block;"><p><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Master the art of making cream puffs and eclairs! Create light, airy choux pastry and fill them with rich, velvety creams. Learn the tips and techniques to perfect these classic French desserts, from piping and baking to glazing and filling.</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;">Prepare choux pastry for cream puffs and éclairs</span></span></li> <li><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Pipe, bake, and fill pastries with smooth creams</span></span></li> <li><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Finish with simple toppings such as glazes or powdered sugar</span></span></li> </ol> </div><br /> <strong>Ages: 18+<br />  </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="10/19/2026" data-endTime="8:00 PM" data-dow="2" data-alttitle="" data-instructor="Jodi Leynse" data-courseId="1287" data-isEvent="False" data-title="CREAM PUFFS AND ECLAIRS" data-building="Lemon and Sage Culinary Collective" data-category="Cooking" data-allow-multiple-reg="false" data-sku="26FCCOKOR003" data-term="26F" data-room="" data-sessions="1" data-buildingAlt="" data-startTime="6:00 PM" data-endDate="10/19/2026" data-section="OR003" data-classId="5616" data-amount="0" /> </td> </tr> </table> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidClassID" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidClassID" value="5616" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidSku" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidSku" value="26FCCOKOR003" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidAmount" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidAmount" value="79.00" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidTerm" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidTerm" value="26F" /> <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="CREAM PUFFS AND ECLAIRS" /> </div> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl01" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl01" value="Jodi Leynse" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl02" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl02" value="&lt;p&gt;&lt;img alt=&quot;&quot; src=&quot;https://www.uvu.edu/ce/images/campusce/instructor_pics/jodi_leynse.png&quot; style=&quot;width: 200px; height: 196px; display : block ;&quot; /&gt;&lt;strong&gt;Jodi Leynse&lt;/strong&gt;&lt;br /&gt; I am a passionate community education culinary teacher, empowering others through the art of cooking at UVU since 2023. I create hands-on classes for all skill levels, focusing on both technique and the joy of food. I&amp;#8217;m always excited to explore new ideas and eager to try different approaches.&lt;/p&gt; &lt;p&gt;When I&amp;#8217;m not teaching, I love spending time on my farm with my super cute goats, being on the water, and crafting. I believe in the power of food to unite people and am thrilled to share my love of cooking with my community.&lt;/p&gt;" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl03" value="Leynse" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl04" value="Leynse" /><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> <span id="ctl00_ContentPlaceHolder1_lblDescriptionBelow" class="para custom-description"></span> </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) { 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="../js/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" role="presentation"> <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" alt="Close" 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" role="presentation"> <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" role="presentation"> <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" role="presentation"> <tr> <td width="9" height="7"> <img style="display: block;" src="../images/genericdialog/bottom-left.png" alt="" /> </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" alt="" /> </td> </tr> </table> </div> <input type="hidden" name="ctl00$ContentPlaceHolder1$hdnCourses" id="hdnCourses" value="[{"Name":"CREAM PUFFS AND ECLAIRS","SKU":"26FCCOKOR003","Amount":"$79.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
