Find code controlling modal window

JavaScript
1

Is there a way to see what code is controlling a pop up? I’ve looked for inline code and some of resource links, but I can’t find the code that is controlling the pop up on this page.

2

If you are talking about the blue modal on page load then if you look in the js file you can see that the overlay is toggled with a little bit of jquery. The css can be found in the modal css file if you use the developer tools and inspect the element.

The basics are here but I have shortened the code to the minimum.

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
#the-overlay {
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1000;
	background:rgba(0,0,0,0.5);

}
#the-overlay div.pop {
	width:99%;
	max-width: 650px;
	margin: 100px auto;
	background:blue;
	border:1px solid #000;
	text-align:center;
	position: relative;
	box-shadow: 0px 0px 8px #000;
}
</style>
</head>

<body>
<div id="the-overlay" style="display: none;">
  <nav class="pop-close"> Close </nav>
  <div class="pop social-newsletter" style="display:none">
    <header>Header</header>
    <div class="content center">
      <div class='gf_browser_safari gf_browser_iphone gform_wrapper' id='gform_wrapper_1' >
        <div class='gform_body'>test </div>
      </div>
    </div>
    <a class="pop-close" href="#" style="color:#fff; font-weight: bold; text-decoration: none;">Close this window</a> </div>
</div>
<script
      src="https://code.jquery.com/jquery-2.2.4.min.js"
      integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
      crossorigin="anonymous"></script> 
<script>


jQuery(document).ready(function() {
	jQuery('#the-overlay').fadeToggle();
	jQuery('#the-overlay .social-newsletter').slideToggle('slow');
});


jQuery('.pop-close').click(function () {
    jQuery('#the-overlay').fadeOut();
    jQuery('#the-overlay > div').fadeOut();
});



</script>
</body>
</html>

However the example you show is not really any good for small screens as the submit is hidden below the fold and cannot be accessed.

1 Like
3

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.