CINXE.COM

Authoring Conference Papers

<!doctype html> <html class="no-js" lang=""> <head> <title>Authoring Conference Papers</title> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="title" content="Authoring Conference Papers"/> <meta name="description" content="Share your expertise at SPE. Each conference has a committee to evaluate abstracts. Acceptance depends on program size, topics, and quality of proposals."/> <meta name="apple-mobile-web-app-title" content="Authoring Conference Papers"> <!-- ANALYTICS SCRIPTS --> <!-- Google Tag Manager Script --> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({"content": {"category": "authors"}}); (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 = '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-T8JL43'); </script> <!-- END Google Tag Manager --> <!-- Marketo Muchkin Script --> <script type="text/javascript"> (function() { var didInit = false; function initMunchkin() { if(didInit === false) { didInit = true; Munchkin.init('833-LLT-087'); } } var mkto_script = document.createElement('script'); mkto_script.type = 'text/javascript'; mkto_script.async = true; mkto_script.src = '//munchkin.marketo.net/munchkin.js'; mkto_script.onreadystatechange = function() { if (this.readyState == 'complete' || this.readyState == 'loaded') { initMunchkin(); } }; mkto_script.onload = initMunchkin; document.getElementsByTagName('head')[0].appendChild(mkto_script); })(); </script> <!-- END Marketo Muchkin Script --> <!-- Marketo RTP tag --> <script type='text/javascript'> (function(c,h,a,f,i,e){c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; c[a].a=i;c[a].e=e;var g=h.createElement("script");g.async=true;g.type="text/javascript"; g.src=f+'?aid='+i;var b=h.getElementsByTagName("script")[0];b.parentNode.insertBefore(g,b); })(window,document,"rtp","//sjrtp4-cdn.marketo.com/rtp-api/v1/rtp.js","spe"); rtp('send','view'); rtp('get', 'campaign',true); </script> <!-- END Marketo RTP tag --> <!-- GLOBAL STYLING FOR ALL PAGES --> <style> blockquote { padding: .5rem 1rem; border-left: .25rem solid #eceeef; } .zoom { transition: transform .2s; } .zoom:hover { -ms-transform: scale(1.2); /* IE 9 */ -webkit-transform: scale(1.2); /* Safari 3-8 */ transform: scale(1.2); } </style> <!-- TEMPLATE page.html --> <!-- Font Awesome --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://kit.fontawesome.com/9cbc9abb19.css" crossorigin="anonymous"> <!-- Bootstrap --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> <link rel="stylesheet" href="/static/js/spe_scroller_jquery.css" integrity="sha384-juWNVEQZ4R0g8fb7EbjVR1vTBSa33iiBazKbFD4OJ3EfMKSse0jLNit6ZSRwdBfp" crossorigin="anonymous"/> <link rel="stylesheet" type="text/css" href="/static/css/spe/2021/stylesheet.css"> <!-- GLOBAL JS FOR ALL PAGES (loaded in head tag) --> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <!-- Start GPT Tag --> <script async src='https://securepubads.g.doubleclick.net/tag/js/gpt.js'></script> <script> window.googletag = window.googletag || {cmd: []}; googletag.cmd.push(function() { var mapping1 = googletag.sizeMapping() .addSize([700, 200], [[160, 600]]) .addSize([0, 0], [[0, 0]]) .build(); googletag.defineSlot('/57789820/SPE_ORG_160x600', [[160,600]], 'div-gpt-ad-6795482-1') .defineSizeMapping(mapping1) .addService(googletag.pubads()); googletag.pubads().collapseEmptyDivs(); googletag.pubads().setCentering(true); googletag.enableServices(); }); </script> <!-- End GPT Tag --> </head> <body> <!-- Google Tag Manager Script --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-T8JL43" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- END Google Tag Manager --> <div class="container-liquid mb-3" style="position: relative; z-index: 100;"> <!--Main Navigation--> <header id="page-header"> <!-- SPE HEADER BAR --> <div id="spe-header" class="row m-0"> <div id="logo-box" class="col-4 col-sm-4 col-md-3 col-lg-2 py-2 mx-auto my-2"> <a href="/"><img src="/static/www/img/spe_vert_white.svg" alt="SPE Logo" id="spelogo" class="img-fluid"></a> </div> <div id="menublock" class="col-12 col-md p-0"> <!-- ***************** --> <!-- SPE LOGIN TOP BAR --> <div id="loginbar" class="container-fluid"> <nav id="global-nav" class="row"> <ul class="nav ml-auto pr-4"> <li class="nav-item"><a href="https://www.spe.org/about/" class="nav-link">About SPE</a></li> <li class="nav-item"><a href="https://www.spe.org/contact/" class="nav-link">Contact Us</a></li> <li class="nav-item"><a href="https://www.spe.org/jobs/" class="nav-link">Jobs</a></li> <li class="nav-item"><a href="https://search.spe.org/i2kweb/SPE/search" class="nav-link"><i class="fa fa-plus" aria-hidden="true"></i> Research Portal</a></li> <li class="nav-item" style="float: right;"><a href="https://www.spe.org/sso/protected_login.html?redirect_target=https%3A//www.spe.org/en/authors/papers/" id="global_login" class="nav-link loginLink"><i class="fas fa-user"></i> Sign In</a></li> </ul> </nav> </div> <!-- SPE LOGIN TOP BAR --> <!-- ***************** --> <!-- ******** --> <!-- MAIN NAV --> <div id="mainnavbar" class="container-fluid pb-2"> <nav id="mainnav" class="row pr-5 navbar navbar-expand-lg"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".topcollapse" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <ul class="topcollapse nav collapse navbar-collapse"> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/members/">Membership</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/events/about-events/">Events</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/publications/">Publications</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/training/">Training</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/industry/">Resources</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/en/community/">Community</a></h4></li> </ul> <!-- ****** --> <!-- Search --> <div class="searching my-auto text-right"> <a href="javascript:void(0)" class="search-open"> <i class="fa fa-search"></i> </a> <div class="search-inline pt-4"> <form> <div class="GoogleSiteSearch search-inline-sub"> <div class="form-wrapper"> <div class="gse-search"> <!-- These styles fix CSE and Bootstrap 3 conflict --> <style type="text/css"> .gsc-adBlock { opacity: 0.5; } .reset-box-sizing, .reset-box-sizing *, .reset-box-sizing *:before, .reset-box-sizing *:after, .gsc-inline-block { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button { box-sizing: content-box; line-height: normal; background-image: none !important; } .gsc-control-cse { padding: 0; } </style> <script async src="https://cse.google.com/cse.js?cx=007919311804914109615:_7f3pu6glfg"></script> <div class="gcse-search"></div> </div> </div> </div> <div class="search-close-div search-inline-sub"> <a href="javascript:void(0)" class="search-close"> <i class="fa fa-times"></i> </a> </div> </form> </div> <!-- SEARCH --> </div> <!-- Search --> <!-- ****** --> </nav> </div> <!-- MAIN NAV --> <!-- ******** --> </div> </div><!-- end id="spe-header" --> <div id="headerspacer" class="row py-2 m-0"></div> </header> </div> <!--Main Navigation--> <!--Main layout--> <div class="container-liquid page-content background"> <div class="bg-white container" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;"> <style> .grid_row_background_size{ background-size: cover; } @media screen and (max-width: 976px) { .grid_row_background_size{ background-size: 100% 100%; } } </style> <div class="row grid_row_background_size" style="background-image: url(); background-position: center center; background-repeat: no-repeat; opacity: 1.0; " > <div class="col col-12 col-sm-3 col-md-3 col-lg-3 col-xl-3" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <div class="mb-4"> </div> <style> #customized_navbar_items.d-none { display: block !important; } </style> <nav class="navbar navbar-light customnav navbar-expand-sm px-0 flex-row flex-nowrap "> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <div id="customized_navbar_items" class="nav flex-sm-column flex-row subbynav"> <a class="nav-link" href="/authors/"> Authors Home </a> <a class="nav-link" href="/authors/papers/"> Conference Papers </a> <a class="nav-link" href="/authors/peer-review/"> Peer-Reviewed </a> <a class="nav-link" href="/authors/policies/"> Publication Policies </a> <a class="nav-link" href="/publications/journal-consolidation/"> Journal Consolidation </a> <a class="nav-link" href="/authors/resources/orcid/"> ORCID iD </a> <a class="nav-link" href="/authors/faq/"> FAQ </a> </div> </div> </nav> </div> <div class="col col-12 col-sm-9 col-md-9 col-lg-9 col-xl-9 pb-5" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <div class="mb-4"> </div> <h1>Authoring Conference Papers</h1> <p>Each conference has a program committee that evaluates the submitted proposals. Acceptance depends on program size, topics covered, and quality of paper proposals.</p> <h2>Open calls for papers</h2> <p>A call for paper proposals is issued about one year prior to each of our conferences. If you have an idea for a technical paper, search the conferences with <a href="/en/events/papers/">open calls for papers</a>.</p> <div id="accordion-654777" class="mb-2"> <style> .card-header .fa { transition: .3s transform ease-in-out; float: right; } .card-header .collapsed .fa { transform: rotate(-90deg); } </style> <!-- This is the collapible_card --> <div class="bg-white old-accordion" class="component-style-654778 card" style="opacity: 1.0;"> <div class="card-header"> <a class="card-link collapsed" data-toggle="collapse" href="#collapse-content-654778"><span class="accordionBtn"><i class="fa fa-chevron-circle-down" aria-hidden="true"></i> </span> 1. Write a Paper Proposal</a> </div> <div id="collapse-content-654778" class="collapse" data-parent="#accordion-654777"> <div class="card-body"> <p class="card-text"> <p><strong>A proposal demonstrates that your paper will:</strong></p> <ul> <li>Contribute technically sound knowledge in a particular area of petroleum technology.</li> <li>Present new knowledge or experience that has not been published previously.</li> <li>Not be commercial in nature and will not promote specific companies, products or services.</li> </ul> <p>A proper review of your proposal requires that it contain adequate information on which to make a judgment. The suggested limit of 225-450 words should not be constraining if the proposal is limited to the following factual highlights:</p> <ul> <li>Objectives/Scope</li> <li>Methods, Procedures, Process</li> <li>Results, Observations, Conclusions</li> <li>Novel/Additive Information</li> </ul> <p><a href="/media/filer_public/87/b0/87b0a6c6-829e-4412-89c7-74ac9ec15ae7/spe_sample_paper_proposal.pdf" target="_blank" rel="noopener" class style="opacity: 1.0;">Sample proposal</a> (pdf)</p> </p> </div> </div> </div> <style> .card-header .fa { transition: .3s transform ease-in-out; float: right; } .card-header .collapsed .fa { transform: rotate(-90deg); } </style> <!-- This is the collapible_card --> <div class="bg-white old-accordion" class="component-style-654781 card" style="opacity: 1.0;"> <div class="card-header"> <a class="card-link collapsed" data-toggle="collapse" href="#collapse-content-654781"><span class="accordionBtn"><i class="fa fa-chevron-circle-down" aria-hidden="true"></i> </span> 2. Submit a Paper Proposal</a> </div> <div id="collapse-content-654781" class="collapse" data-parent="#accordion-654777"> <div class="card-body"> <p class="card-text"> <p>Once you have written a proposal, you can submit it to any of our conferences with an open call for papers. An author is limited to a maximum of three (3) proposal submissions to any one event</p> <p>When submitting a proposal, don't forget to:</p> <ul> <li>Obtain company clearance, to ensure the company understands that if the proposal is accepted, you will be required to travel to the event to present. All travel expenses (airfare, hotel, registration) associated with attending the conference are the responsibility of the company or individual attending. </li> <li>Ensure the company understands that if the proposal is accepted, you will be required to write a manuscript, sign a transfer of copyright, and present at the conference.</li> <li>Find your login information, and make sure your SPE Profile is up to date. <strong><span class="text-danger">All authors must have an SPE.org account.</span></strong><br> If you do not already have a login for the website, <a href="https://www.spe.org/member/access/MyAccount">get an SPE login</a>.<br> If you don't remember your password, <a href="/appsaccess/login/jsp/pwdAssistance.jsp">reset it before continuing</a>.</li> </ul> <p><a href="https://www.spe.org/en/authors/faq/#papers">Proposal FAQs</a></p> <p><a href="https://www.spe.org/en/authors/policies/#conf">Conference Dual Submission Policy</a></p> </p> </div> </div> </div> <style> .card-header .fa { transition: .3s transform ease-in-out; float: right; } .card-header .collapsed .fa { transform: rotate(-90deg); } </style> <!-- This is the collapible_card --> <div class="bg-white old-accordion" class="component-style-654783 card" style="opacity: 1.0;"> <div class="card-header"> <a class="card-link collapsed" data-toggle="collapse" href="#collapse-content-654783"><span class="accordionBtn"><i class="fa fa-chevron-circle-down" aria-hidden="true"></i> </span> 3. Write a Paper</a> </div> <div id="collapse-content-654783" class="collapse" data-parent="#accordion-654777"> <div class="card-body"> <p class="card-text"> <p>Proper organization of the paper will lead the reader through your theories and supporting data to a logical conclusion. If your paper is accepted, you will receive an Acceptance Notification that provides you with access to an author kit. The Author Kit serves as a resource center with:</p> <ul> <li>Submission Deadlines</li> <li>Required Forms</li> <li>SPE Paper Template and Instructions</li> <li>SPE Style Guide</li> <li>Conference PowerPoint Template</li> <li>Presentation Tips</li> <li>Peer Review information</li> </ul> <p><a href="https://www.spe.org/en/authors/resources/prepare-paper/">Preparing a paper</a></p> </p> </div> </div> </div> <style> .card-header .fa { transition: .3s transform ease-in-out; float: right; } .card-header .collapsed .fa { transform: rotate(-90deg); } </style> <!-- This is the collapible_card --> <div class="bg-white old-accordion" class="component-style-654785 card" style="opacity: 1.0;"> <div class="card-header"> <a class="card-link collapsed" data-toggle="collapse" href="#collapse-content-654785"><span class="accordionBtn"><i class="fa fa-chevron-circle-down" aria-hidden="true"></i> </span> 4. Submit a Paper</a> </div> <div id="collapse-content-654785" class="collapse" data-parent="#accordion-654777"> <div class="card-body"> <p class="card-text"> <p>All manuscripts must be submitted via the online Paper Proposal Management System (PPMS). Each presenting (corresponding) author will be sent an email with a customized link that provides access to the system.</p> <p>A complete submission includes:</p> <ul> <li>Final Manuscript (using the SPE Manuscript template [.doc/.docx format])</li> <li>Presenting Author Transfer of Copyright (TOC)</li> <li>Five (5) Co-author Transfer of Copyright (TOC)</li> <li>Paper Information Form (PIF)</li> </ul> <p>SPE meetings have a <a href="https://www.spe.org/en/authors/policies/#conf">"no-paper, no-podium"</a> policy. If you do not submit the manuscript by the stated deadline, it will be withdrawn from the program.</p> <p><a href="https://www.spe.org/en/authors/resources/submit-manuscript/">Submitting a Manuscript</a></p> </p> </div> </div> </div> <style> .card-header .fa { transition: .3s transform ease-in-out; float: right; } .card-header .collapsed .fa { transform: rotate(-90deg); } </style> <!-- This is the collapible_card --> <div class="bg-white old-accordion" class="component-style-654787 card" style="opacity: 1.0;"> <div class="card-header"> <a class="card-link collapsed" data-toggle="collapse" href="#collapse-content-654787"><span class="accordionBtn"><i class="fa fa-chevron-circle-down" aria-hidden="true"></i> </span> 5. Present a Paper</a> </div> <div id="collapse-content-654787" class="collapse" data-parent="#accordion-654777"> <div class="card-body"> <p class="card-text"> <p>Before you present your paper at the conference, we suggest you practice to become comfortable presenting from behind a lectern and are aware of your time constraints.</p> <p>If you are giving a poster presentation with space limitations, you should choose your words and images carefully so that viewers can understand the important points of your paper from your poster.</p> <p><a href="https://www.spe.org/en/authors/resources/prepare-presentation/">Preparing your presentation</a></p> </p> </div> </div> </div> </div> </div> </div> </div> </div> <!--Main layout--> <!-- GLOBALLY ADDING COOKIE BAR TO ALL PAGES --> <style type="text/css"> #cookie-bar { background: #111111; height: auto; line-height: 24px; color: #eeeeee; text-align: center; padding: 3px 0; } #cookie-bar.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; } #cookie-bar.fixed.bottom { bottom: 0; top: auto; } #cookie-bar p { margin: 0; padding: 0; } #cookie-bar a { color: #ffffff; display: inline-block; border-radius: 3px; text-decoration: none; padding: 0 6px; margin-left: 8px; } #cookie-bar a.learnLink { color: #a3bce4; } #cookie-bar .cb-enable { background: #89C3E5; } </style> <!--Footer--> <footer id="page-footer"> <!-- #spe-footer 2020 Short --> <footer id="spe-footer"> <div class="container"> <div id="footer-nav" class="row p-2"> <ul class="nav m-auto"> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/members/">Membership</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/events/about-events/">Events</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/publications/">Publications</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/training/">Training</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/industry/">Resources</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/en/community/">Community</a></h4></li> </ul> </div> <div id="footer-mega" class="row mt-2 mb-0"> <div class="col-12 col-sm-2 mb-0"> <h5><a class="nav-link-lower" href="https://www.spe.org/en/about/">About SPE</a></h5> </div> <div class="col-12 col-sm-2 mb-0"> <h5><a class="nav-link-lower" href="https://www.spe.org/en/disciplines/">SPE Disciplines</a></h5> </div> <div class="col-12 col-sm-2 mb-0"> <h5><a class="nav-link-lower" href="https://www.spe.org/en/about/regions/">SPE Regions</a></h5> </div> <div class="col-12 col-sm-2 mb-0"> <h5><a class="nav-link-lower" href="https://www.spe.org/en/about/privacypolicy/">Privacy Policy</a></h5> </div> <div class="col-12 col-sm-2 mb-0"> <h5><a class="nav-link-lower" href="https://www.spe.org/en/about/professional-code-of-conduct/">Code of Conduct</a></h5> </div> <div class="col-12 col-sm-2 mb-0"> <h5><a class="nav-link-lower" href="https://www.spe.org/en/about/terms-of-service/">Terms of Service</a></h5> </div> </div> <div id="footer-socials" class="row"> <nav id="social-media-links-footer" class="ml-auto"> <ul> <li class="footfnt"><a target="_blank" rel="noopener" href="https://www.facebook.com/spemembers" id="facebook" title="Connect with SPE on Facebook"><i class="fab fa-facebook-square"></i></a></li> <li class="footfnt"><a target="_blank" rel="noopener" href="https://twitter.com/SPEtweets" id="twitter" title="Follow SPE Events on Twitter"><i class="fa-brands fa-square-x-twitter"></i></a></li> <li class="footfnt"><a target="_blank" rel="noopener" href="https://www.linkedin.com/company/23356/" id="linkedin" title="Join SPE's professional network on LinkedIn"><i class="fab fa-linkedin"></i></a></li> <li class="footfnt"><a target="_blank" rel="noopener" href="https://www.youtube.com/2012SPE" id="youtube" title="Explore SPE videos on YouTube"><i class="fab fa-youtube-square"></i></a></li> <li class="footfnt"><a target="_blank" rel="noopener" href="https://instagram.com/spengineers/" id="instagram" title="Connect with SPE on Instagram"><i class="fab fa-instagram"></i></a></li> <li class="footfnt"><a target="_blank" rel="noopener" href="https://connect.spe.org/" id="connect" title="SPE’s online communities – SPE Connect"><i class="fas fa-comment-alt"></i></a></li> </ul> </nav> </div> <div id="footer-copyright" class="row"> <div id="copyrightcol" class="col mb-5">&copy; Copyright 2003-2024, Society of Petroleum Engineers. All rights reserved.</div> </div> </div> </footer> <!-- #spe-footer 2020 Short --> </footer> <!--/.Footer--> <!-- GLOBAL JS FOR ALL PAGES (loaded in head tag) --> <!-- removing ckeditor reference since not needed; do not use ckeditor CDN! --> <!-- Bootstrap 4 --> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> <script> // short helper function to check the results of a jquery search results $.fn.exists = function () { return this.length !== 0; }; // fix ie in case the console.logs get out there if (typeof console === "undefined") { console = {log: function() {}}; } $( document ).ready(function() { $(".customnav").hide(); // NOTE: we only append once on load! // use jquery to get all .spe-context-menu(.subbynav) let ctx_menus = $(".subbynav"); if (ctx_menus.exists()) { ctx_menus.each( function (index) { console.log(' [' + index + '] ' + $(this)[0].tagName + '- ' + $(this).attr('class')); // perform a deep copy of nodes to append to the menu (with click events) // add appropriate styles to display only when we want $(this).clone().addClass("d-block d-lg-none menuNested").appendTo("#navbarNavAltMarkup", true); // add a new class to mark the inline menu items for show hide $(this).addClass("d-none d-lg-block menuNotNested"); $(".customnav").show(); }); } // NOTE: from this point on bootstrap should handle the heavy lifting of breakpoints for us! }); </script> <!-- ************* --> <!-- SEARCH SCRIPT --> <script> $(document).ready(function () { // console.log("ready!"); var sp = document.querySelector('.search-open'); var searchbar = document.querySelector('.search-inline'); var shclose = document.querySelector('.search-close'); function changeClass() { searchbar.classList.add('search-visible'); } function closesearch() { searchbar.classList.remove('search-visible'); } sp.addEventListener('click', changeClass); shclose.addEventListener('click', closesearch); const $dropdown = $(".dropdown"); const $dropdownToggle = $(".dropdown-toggle"); const $dropdownMenu = $(".dropdown-menu"); const showClass = "show"; $(window).on("load resize", function () { if (this.matchMedia("(min-width: 768px)").matches) { $dropdown.hover( function () { const $this = $(this); $this.addClass(showClass); $this.find($dropdownToggle).attr("aria-expanded", "true"); $this.find($dropdownMenu).addClass(showClass); }, function () { const $this = $(this); $this.removeClass(showClass); $this.find($dropdownToggle).attr("aria-expanded", "false"); $this.find($dropdownMenu).removeClass(showClass); } ); } else { $dropdown.off("mouseenter mouseleave"); } }); }); </script> <!-- END SEARCH SCRIPT --> <!-- ***************** --> <!-- TODO: Add future script includes here; keep blank for default bootstrap theme --> <style> body { background-color: #f1f2f7; } </style> </body></html>

Pages: 1 2 3 4 5 6 7 8 9 10