Online Program

<!DOCTYPE html> <style type="text/css"> .btn-default .badge { background-color: #777; } /* Online Program colors which change annually .ip-background-color { color: white !important; background-color: rgb(0, 117, 95) !important; } .ip-background-hover:hover { color: white !important; background-color: rgb(0, 117, 95) !important; } .ip-bordered { border: 1px solid rgb(0, 117, 95) !important; } .ip-text-color { color: rgb(0, 117, 95) !important; } .ip-background-image { color: white !important; background-image: linear-gradient(to bottom, rgb(0, 117, 95) 0%, rgb(0, 117, 95) 100%) !important; } .ip-colored-table > thead > tr > th, .ip-colored-table > thead > tr > td { color: #fff; background-color: rgb(0, 117, 95); border: 1px solid rgb(0, 117, 95); text-align: left; } .ip-colored-table { border: 3px solid rgb(0, 117, 95); } .pagination > .active > a { background-color: rgb(0, 117, 95) !important; border-color: rgb(0, 117, 95) !important; } */ /* end Online Program Colors which change annually */ /* 2022*/ .ip-background-color { color: white !important; background-color: rgb(0,103,129) !important; } .ip-background-hover:hover { color: white !important; background-color: rgb(0,103,129) !important; } .ip-bordered { border: 1px solid rgb(0,103,129) !important; } .ip-text-color { color: rgb(0,103,129) !important; } .ip-background-image { color: white !important; background-image: linear-gradient(to bottom, rgb(0,103,129) 0%, rgb(0,103,129) 100%) !important; } .ip-colored-table > thead > tr > th, .ip-colored-table > thead > tr > td { color: #fff; background-color: rgb(0,103,129); border: 1px solid rgb(0,103,129); text-align: left; } .ip-colored-table { border: 3px solid rgb(0,103,129); } .pagination > .active > a { background-color: rgb(0,103,129) !important; border-color: rgb(0,103,129) !important; } /*2022 */ #container { height: auto; min-height: 100%; margin: 0; padding: 0; } #footer { background-color: black; border-top: 4px solid gray; color: white; /*font-size: 200%;*/ text-align: center; line-height: 3em; margin-right: 30px; margin-left: 30px; } #footer { clear: both; position: relative; z-index: 10; /*height: 3em;*/ margin-top: -2em; height: auto; background-color: #dedede; } #header-container .row; { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } #header-container h1, #header-container h2, #header-container h3, #header-container h4{ padding: 0; margin:0; } #header-info { font-weight: normal; font-family: Arial; font-size: 17px; } #header-title { font-weight: bold; font-family: Arial; font-size: 24px; } #header-info, #header-title { padding-left: 1em; } #header-logo { margin-right: 20px; } .left-menu-link { float:left; margin-right:3px; } .right-menu-link { float: right; margin-left: 3px; } #footer-logo { float:right; } @media (max-width: 992px) { #footer-logo { float: left; } #footer-logo { float: left; } #header-logo{ display:none; } } </style> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width" /> <title>Online Program</title> <link href="/Content/themes/trb/css?v=Vd7AjWr6WVWkEq3jBfWOlcxYBcMw3SYiMl56H9luaAM1" rel="stylesheet"/> <link href="/Content/themes/bootstrap/css?v=3lgOGtxQ-Gx6xCY6Ai-FV7QC8JhE2zzTSEIS5hUqBd41" rel="stylesheet"/> <link href="/Content/themes/footable/css?v=60pMveRnFKYaIidmD50fK_O4sS-P3fex7JlLoaJxLo41" rel="stylesheet"/> <link href="/Content/themes/chosen/css?v=MICPcde0hgfIKoFVs_OAWOmASCWC6ZgmwRtDqECFtKs1" rel="stylesheet"/> <link href="/Content/css?v=sauY9rWBubEwkij6WYTNrvIe-6jk64WoVxuL-UzzNOQ1" rel="stylesheet"/> <script src="/bundles/modernizr?v=inCVuEFe6J4Q07A0AcRsbJic_UE5MwpRMNGcOtk94TE1"></script> <script src="/bundles/jquery?v=fvool4ae_r1ISKc3mGabiWhLxUm-tHu_lS8LuW5elQA1"></script> <script src="/bundles/jqueryui?v=iCdjbzEj_1nl6bqG-mru1sWHcTg_y0I2TI3x60wMhUU1"></script> <script src="/bundles/bootstrap?v=BjcxyrWXpMzhPkeNvWt4dcDVsu1OBQ15DVocMhhaxWs1"></script> <script src="/bundles/footable?v=vrSkc4r_j1sXuqEP5pjgjm0tdWv5e4op61bZqnthDa81"></script> <script src="/bundles/jqueryval?v=DJkY7eLO2kkxfGd5heGw8QPP7KgVo-jxcYA0mJUS7HU1"></script> <link href="/Content/themes/starrating/star-rating.css" media="all" rel="stylesheet" type="text/css" /> <link href="/Content/toastr.css" rel="stylesheet" /> <script src="/Scripts/jquery.mask.js"></script> <script src="/Scripts/jquery.clearsearch.js"></script> <script src="/Scripts/jquery.cookie.js"></script> <script src="/Scripts/jquery.blockUI.js"></script> <script src="/Scripts/bootstrap-modal-events.js"></script> <script src="/Scripts/underscore.js"></script> <script src="/Scripts/backbone.js"></script> <script src="/Scripts/backbone.localstorage.js"></script> <script src="/Scripts/chosen.jquery.js"></script> <script src="/Scripts/star-rating.js"></script> <script src="/Scripts/handlebars-v2.0.0.js"></script> <script src="/Scripts/typeahead.bundle.js"></script> <script src="/Scripts/toastr.min.js"></script> <script src="/Scripts/pressamp-menu.js"></script> <script src="/Scripts/pressamp-messages.js"></script> <script src="/Scripts/pressamp-select.js"></script> <script src="/Scripts/pressamp-table.js"></script> <script src="/Scripts/pressamp-validate.js"></script> <script src="/Scripts/pressamp-sortable.js"></script>  <script src="https://cdn.cookielaw.org/consent/0f7d5b9f-7f34-4218-be52-f82642c1968e.js" type="text/javascript" charset="UTF-8"></script> <script type="text/javascript"> window.$ = jQuery.noConflict(); function OptanonWrapper() { } </script>  <script> toastr.options = { "closeButton": false, "debug": false, "newestOnTop": true, "progressBar": false, "positionClass": "toast-bottom-right", "preventDuplicates": false, "onclick": null, "showDuration": "300", "hideDuration": "1000", "timeOut": "5000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" } function ShowMessage(type, title, message) { Command: toastr[type](message, title) } function isNullOrWhitespace_JS(text) { if (text == null) return true; if (text.trim().length < 1) return true; return false; } var originalLeave = $.fn.popover.Constructor.prototype.leave; $.fn.popover.Constructor.prototype.leave = function (obj) { var self = obj instanceof this.constructor ? obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) var container, timeout; originalLeave.call(this, obj); if (obj.currentTarget) { container = $(obj.currentTarget).siblings('.popover') timeout = self.timeout; container.one('mouseenter', function () { //We entered the actual popover – call off the dogs clearTimeout(timeout); //Let's monitor popover content instead container.one('mouseleave', function () { $.fn.popover.Constructor.prototype.leave.call(self, self); }); }) } }; $(function () { $('.clearable').clearSearch(); $('.jqueryui-button').button(); /* Set the default tab */ $('.chosen-select').chosen({ disable_search_threshold: 10, search_contains: true, no_results_text: 'None!' }); $('.chosen-select-wide').chosen({ width: "95%", disable_search_threshold: 10, search_contains: true, no_results_text: 'None!' }); $('#HtmlSearchCriteria').bind('keypress', function (e) { var key = e.which; if (key == 13) // the enter key code { $('#searchImageButton').click(); return false; } }); $('#searchImageButton').click(function () { var searchText = $('#HtmlSearchCriteria').val(); document.location.href = 'http://www.trb.org/Main/Search2.aspx?q=' + searchText; return false; }); // by default all input text will be validated on blur $('input[data-val=true]').on('blur', function () { $(this).valid(); }); // by default all textarea will be validated on blur $('textarea[data-val=true]').on('blur', function () { $(this).valid(); }); // by default all non-searchable dropdownlist will be validated on blur $('select[data-val=true]').on('blur', function () { $(this).valid(); }); }); String.prototype.fromJSONDate = function () { var dateString = this.substr(6); var intVal = parseInt(dateString); return new Date(intVal); }; Date.prototype.mmddyyyy = function () { var yyyy = this.getFullYear().toString(); var mm = (this.getMonth() + 1).toString(); // getMonth() is zero-based var dd = this.getDate().toString(); var mmddyyyy = (mm[1] ? mm : "0" + mm[0]) + ' / ' + (dd[1] ? dd : "0" + dd[0]) + ' / ' + yyyy; return mmddyyyy; }; CheckDomain = function () { var domain = alert(document.domain); var domainIsLocal = (domain == "local"); return domainIsLocal; }; function showProgress() { ajaxCount++; if (ajaxCount < 1) ajaxCount = 1; // somehow got less than 0? Make it 1. $.blockUI({ message: '<h1><img src="/Content/img/loadingIndicator.gif" /> Loading...</h1>', baseZ: 2000 }); }; function hideProgress() { if (--ajaxCount < 1) { if (ajaxCount < 0) ajaxCount = 0; // somehow got less than 0? Make it 0 $.unblockUI(); } }; </script>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-NT9R3ZL');</script>  </head> <body>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NT9R3ZL" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <div id="page-container"> <div id="header-container" class="container-fluid hidden-print" style="margin-bottom:0;"> <div class="row" style="margin-top:0; padding-top:0; margin-bottom:0; padding-bottom:0;"> <div class="col-md-12"> <ul style="background-color: rgb(0,103,129); float: left; margin: 0; padding: 0; list-style: none; width: 100%; "> <li> <img id="header-logo" src="/Content/img/AM25-Online-Program-Header.jpg" style="float:left;" height="102" width="686" /> </li> <li class="ip-background-color" style="padding: 0;">  </li> </ul> </div> </div> <div class="row"> <div class="col-md-6" id="ip-menu-items"> <a id="get-started-btn" href="/OnlineProgram" class="btn btn-default left-menu-link">Get Started</a> <a class="btn btn-default left-menu-link" href="/OnlineProgram/Browse" id="browse-btn">Browse</a> <a id="my-program-btn" href="/OnlineProgram/MyProgram" class="btn btn-default left-menu-link"> <span>My Program/My Favorites</span> </a> <a id="my-attendance-btn" href="/OnlineProgram/MyAttendance" class="btn btn-default left-menu-link"> <span>My Attendance</span> </a> </div> <div class="col-md-6"> <a id="site-help" class="btn btn-default right-menu-link" href="/OnlineProgram/Help">Help</a> <a id="login" style="z-index: 2;" href="/OnlineProgram" class="btn btn-default right-menu-link">Sign in</a> </div> </div> </div>  <style> #welcome-message { text-align: left; } .hntb-1 { ; max-width: 205px; position: absolute; right: 10px; top: 0px; } .hntb-1-signed-in { display: none; max-width: 205px; } .hntb-2 { max-width: 205px; position: absolute; right: 10px; top: -89px; display: none; } @media screen and (max-width: 992px) { .hntb-1 { position: relative; } } @media screen and (max-width: 992px) { .hntb-1-signed-in { display: initial; } } @media screen and (min-width: 992px) { .hntb-2 { display: block; } } .panel-title { background-color: #CCC; font-weight: bold; margin-top: 0em; } .display-panel { border: 1px solid black; padding-left: 0; padding-right: 0; } .row { text-align: left; } .CheckBox { width: 5px; height: 5px; display: block; } td { background: white !important; padding: .5em; } .ui-widget-header { background: #ffffff; border: 1px solid #ffffff; color: #000000; font-weight: bold; font-size: 24px; } .ui-widget-content { background: #ffffff; border: 1px solid #dddddd; color: #000000; } .disabled { color: #999; } a:link, a:visited { color: blue; } .modal:link, .modal:visited { color: blue; } .btn { color: black !important; } .btn-primary2 { color: white !important; margin-left: 5px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; } </style> <script src="/Scripts/click-tracker.js"></script> <script> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); //========================================================================= //=== 20190902: JHeidenreich: We don't use an ID for the Accept Consent === //========================================================================= //========================================================================== function AcceptConsent() { $("#dialog-confirm").dialog("close"); $.ajax({ url: '/OnlineProgram/GetCsrfToken', dataType: "json", success: function (csrfReturnData) { window.csrfToken = csrfReturnData.csrfToken; var request = $.ajax({ url: '/OnlineProgram/AcceptConsent', headers: { 'RequestVerificationToken': csrfReturnData.csrfToken }, type: "POST", dataType: "text" }); } }); window.location.reload(); $.unblockUI(); } $(function () { $('.tracked-link').click(function (e) { TrackClick($(e.target).attr('data-href')); }); $('#login-btn').click(function () { var username = $('#email').val(); var password = $('#password').val().trim(); var keepme = false; var request = $.ajax({ type: 'POST', url: '/Auth/LoginOnlineProgram', data: { 'username': username, 'password': password, 'keepme': keepme, 'redirect': 'OnlineProgram' }, success: function (data) { if (data.success) { if (data.hasOwnProperty('guid')) { window.location = 'https://www.mytrb.org' + '/Login/ForgotPasswordReset?GUID=' + data.guid + '&MustResetPassword=true'; } else { var NewText = document.getElementById("consentTXT"); if (data.Consent) { // $("#myModal").modal({ backdrop: 'static', keyboard: false }); var ConText = data.Consent; NewText.innerHTML = ConText; //================================================================================================== //=== 20190902: JHeidenreich: I believe this is a duplicate consent line of code, commenting out === //================================================================================================== //$('#btncheck').click(function () { AcceptConsent(data.ID) }); //================================================================================================== $("#dialog-confirm").dialog({ resizable: false, width: 800, modal: true, closeOnEscape: false, open: function (event, ui) { $(".ui-dialog-titlebar-close", ui.dialog | ui).hide(); } }); } else { window.location.reload(); } } } else { $('#login-error').show(); } }, error: function (xhr, ajaxOptions, thrownError) { alert('Request failed: (31)' + thrownError); } }); }); }); </script> <div class="container-fluid" > <div class="row"> <div class="col-md-12 ip-text-color" id="welcome-message"> <input id="TFS2018" name="TFS2018" type="hidden"> <h2 style="margin-top: 0;">Get started with the Online Program</h2> <img class="hntb-1" src="/Content/img/HNTBForProgram-New.png"> </div> <div class="row"> <div class="col-md-12"> You can <a href="/OnlineProgram/Browse">browse the online program</a>, even if you have not yet registered for the meeting.<br /><br /> You must be registered for the meeting and signed in to the online program, in order to: <br /> <ul> <li>Create your personal program.</li> <li>See the room location for events.</li> <li>Track attendance for continuing education events.</li> </ul><br />  </div> </div> <div> Visit the <a href="/OnlineProgram/Help">Online Program Help</a> page for more details on how to use the Online Program. </div> </div> <div class="row"> <div class="col-md-4 col-md-offset-1 display-panel" id="login-box"> <div class="row panel-title"> <div class="col-md-12"> <span>Sign In to the Online Program</span> </div> </div> <div class="row"> <div class="col-md-12"> <div> Sign in using your MyTRB email address and password.<br /> Please allow 10 minutes before attempting to sign in after completing your registration. </div> </div> </div> <div class="row"> <div class="col-md-12"> <span>Email:</span><input class="form-control" id="email" name="email" type="text" value="" /> </div> <div class="col-md-12"> <span>Password:</span><input class="form-control" id="password" name="password" type="password" value="" /> </div> </div> <div class="row"> <span><a style="margin-left:1em" href="https://www.mytrb.org/Login/ForgotUID"> Forgot password?</a></span> </div> <div class="row"> <div class="col-md-12"> <button id="login-btn" type="submit" class="btn btn-primary2 ip-background-color" style="float:left;">Sign in</button> </div> </div> <div id="login-error" style="display:none;color:white;" class="row"> <div class="col-md-12" style="background-color: #DD4444;"> <span style="font-weight:bold;"> Incorrect login information. If you forgot your MyTRB.org password, please <a style="color:#428bca;" target="_blank" href="https://www.mytrb.org/Login/ForgotUID">click here</a> to reset your password. </span> </div> </div> </div> <div class="col-md-6"> <div class="row"> <div class="col-md-8 col-md-offset-1 display-panel" id="signup-box"> <div class="row panel-title"> <span style="margin-left:15px;">Not Yet Registered?</span> </div> <div class="row"> <a class="btn btn-primary2 ip-background-color" href="https://trb-annual-meeting.nationalacademies.org/registration">Register</a> <a class="btn btn-primary2 ip-background-color" href="/OnlineProgram/Browse">Browse the program</a> <a class="btn btn-primary2 ip-background-color" href="/OnlineProgram/BrowseArchive">View past meetings</a> </div> <div class="row"> <div class="col-md-12"> <span>For more information</span> <ul> <li><a href="https://trb.secure-platform.com/a/page/resourcepages">Presenter, Reviewer, and Organizer Resource Pages</a></li> <li><a href="http://www.trb.org/AnnualMeeting/AnnualMeeting.aspx">Annual Meeting Home Page</a></li> </ul> </div> </div> </div> <div class="col-md-8 col-md-offset-1" style="margin-top:2em"> <div class="display-panel"> <div class="row panel-title"> <div class="col-md-12"> <span>Questions</span> </div> </div> <div class="row"> <div class="col-md-12"> <span> <b>Trouble signing in?</b> <a href="mailto:MyTRB@nas.edu">MyTRB@nas.edu</a><br /><br /> <b> Need registration assistance?</b><br /> <a href="mailto:TRB@spargoinc.com">TRB@spargoinc.com</a><br /> <b>877-585-6006 or 571-549-4521 (outside the U.S.)</b> </span> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row" style="max-width: 1000px;margin: auto;margin-top: 30px;margin-bottom: 10px;text-align: center;"> <div class="col-md-12"> <p> <b>DISCLAIMER</b>: All information shared in the TRB Annual Meeting Online Program is subject to change without notice. Changes, if necessary, will be updated in the Online Program and this page is the final authority on schedule information. </p> </div> </div> <div id="dialog-confirm" class="modal " role="dialog" title="Terms of Use and Privacy Statement" style="color:black !important"> <hr /> <div id="consentTXT"></div> <br /> <br /> <div style="text-align: center;"> <input type="checkbox" id="vehicle1" value="Yes"> <strong>I Agree to the Terms of Use</strong> <br /> <hr /> <input type="button" name="anmelden" id="btncheck" class="btn" style="align-content:center" value="Submit" onclick="AcceptConsent()" /> </div> </div> <script type="text/javascript"> $(document).ready(function () { $.cookie("ip-cid", 13, { path: '/' }); }); $('#btncheck').attr("disabled", "disabled").addClass('disabled'); $('#vehicle1').click(function () { if (!$(this).is(':checked')) { $('#btncheck').attr("disabled", "disabled").addClass('disabled'); } else { $('#btncheck').removeAttr('disabled').removeClass('disabled'); } }); //$("#signup-box").height($("#login-box").height()); //$("#signup-box2").height($("#signup-box").height()); var firstTracker = _gat._getTracker("UA-3065995-1"); firstTracker._initData(); var secondTracker = _gat._getTracker("UA-2130316-11"); secondTracker._initData(); var thirdTracker = _gat._getTracker("UA-1213003-1"); thirdTracker._initData(); $("body").on("click", ".pdf-link", function (e) { firstTracker._trackEvent('AMImportantLinks', 'View', $(this).data('href')); secondTracker._trackEvent('AMImportantLinks', 'View', $(this).data('href')); thirdTracker._trackEvent('AMImportantLinks', 'View', $(this).data('href')); window.open($(this).data('href'), '_blank'); }); window.addEventListener("resize", function (e) { //$("#signup-box").height($("#login-box").height()); //$("#signup-box2").height($("#signup-box").height()); } ); </script> </div> <div id="footer" class="hidden-print" style="margin-bottom:0;padding: 0;"> <div class="container-fluid" style="margin-bottom: 0; padding: 0;"> <div class="row" style="margin-right: auto; line-height: 1em; text-align: left;"> <div class="col-xs-12 col-sm-8 col-md-6" style="margin: 0; padding: 0;"> <p id="TRB_Footer" style="padding: 3px 0px 3px 10px; margin:0; font-family:Arial, sans-serf; color: #828282; text-align:left;"> <strong>The National Academies of Sciences, Engineering, and Medicine</strong><br> 500 Fifth Street, NW | Washington, DC 20001 | T: 202.334.2000<br> Copyright © 2025 National Academy of Sciences. All Rights Reserved.<a href="http://www.nationalacademies.org/legal/index.html" style="color:black;text-decoration:none;" target="_blank">Terms of Use and Privacy Statement</a> </p> </div> <div class="col-xs-12 col-sm-8 col-md-6"> <div style="padding: 3px 0px 3px 10px;"> <a id="footer-logo" href="http://www.nationalacademies.org/"><img src="/Content/img/NASEM_Logo_Pri_Black_RGB.png" alt="National Academies of Science Logo" style="border: 0; height: 50px;"></a> </div> </div> </div> </div> </div> <div id="interactive-program-templates" style="display:none;"> </div> <script id="committee-popover-template" type="text/x-handlebars-template"> <div> <div> {{name}} ({{code}}) <br><br><br> <a target="_blank" href="{{target}}">Learn more about this committee in the TRB Online Directory</a>. </div> </div> </script> <script id="presentation-popover-template" type="text/x-handlebars-template"> <div> <div> <a href="{{target}}">Log in</a> to MyTRB to view this presentation. </div> </div> </script> <script id="register-popover-template" type="text/x-handlebars-template"> <div> <div> <a href="{{target}}">Register for the Annual Meeting to view this presentation.</a> </div> </div> </script> <script> var ajaxCount = 0; $(document).ajaxSend(function () { // Show your spinner showProgress(); }).ajaxComplete(function () { // Hide your spinner hideProgress(); }).ajaxError(function () { // Hide your spinner hideProgress(); }); function updateProgramCount () { var url = '/OnlineProgram/GetProgramCount'; $.ajax({ type: "GET", url: url, data: {}, dataType: "json", success: function (result) { var victory = (result && result.success && result.success.toString().toUpperCase() == "TRUE"); var count = result.count; if (victory) { $('#my-program-count').html(count); $('#my-program-count').show(); } else { console.log("Program did not update successfully"); $('#my-program-count').hide(); } }, error: function (xhr, ajaxOptions, thrownError) { console.log("Program update failed!"); } }); } function updateAttendanceCount() { var url = '/OnlineProgram/GetAttendanceCount'; $.ajax({ type: "GET", url: url, data: {}, dataType: "json", success: function (result) { var victory = (result && result.success && result.success.toString().toUpperCase() == "TRUE"); var count = result.count; if (victory) { $('#my-attendance-count').html(count); $('#my-attendance-count').show(); } else { console.log("Attendance did not update successfully"); $('#my-attendance-count').hide(); } }, error: function (xhr, ajaxOptions, thrownError) { console.log("Attendance update failed!"); } }); } function buildCommitteePopoverContent() { var clicked = $(this); var target = clicked.data('target') || 'www.google.com'; var name = clicked.data('name') || "Committee"; var code = clicked.data('code') || "Code"; var source = $("#committee-popover-template").html(); var template = Handlebars.compile(source); var context = { target: target, name: name, code: code }; var html = template(context); return html; } function buildPresentationPopoverContent() { var clicked = $(this); var target = clicked.data('target') || 'www.google.com'; var source = $("#presentation-popover-template").html(); var template = Handlebars.compile(source); var context = { target: target }; var html = template(context); return html; } function buildRegisterPopoverContent() { var clicked = $(this); var target = clicked.data('target') || 'www.google.com'; var source = $("#register-popover-template").html(); var template = Handlebars.compile(source); var context = { target: target }; var html = template(context); return html; } var committeePopoverTemplate = [ '<div class="popover">', '<div class="arrow"></div>', '<div class="popover-content">', '</div>', '</div>'].join(''); var presentationPopoverTemplate = [ '<div class="popover">', '<div class="arrow"></div>', '<div class="popover-content">', '</div>', '</div>'].join(''); var registerPopoverTemplate = [ '<div class="popover">', '<div class="arrow"></div>', '<div class="popover-content">', '</div>', '</div>'].join(''); $('a.committee-popover[data-toggle="popover"]').popover({ trigger: 'click', content: buildCommitteePopoverContent, template: committeePopoverTemplate, //placement: "left", html: true }); $('a.presentation-popover[data-toggle="popover"]').popover({ trigger: 'click', content: buildPresentationPopoverContent, template: presentationPopoverTemplate, //placement: "left", html: true }); $('a.register-popover[data-toggle="popover"]').popover({ trigger: 'click', content: buildRegisterPopoverContent, template: registerPopoverTemplate, //placement: "left", html: true }); function popup(URL) { var newWindowName = Math.round((Math.random() * 1000) + 1) newWindow = window.open(URL, newWindowName, 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=1,resizable=yes,width=600,height=550,left=20,top=20'); } $(function () { $('a.popup').click(function (e) { e.preventDefault(); var url = $(this).attr('href'); popup(url); }); }); </script> </body> </html>

CINXE.COM

Online Program