title: My container not becoming visible I think innerwidth, innerheight javascript code not written properly
body: <p>I have a form container that I want to become visible triggered and centered in the middle of the window not the document, by a click.
  My document container is 5000px height so I don't want it centered in that.
  I have been searching but I am not very good. Here is what I have tried now.</p>
  
  <pre><code>.mrp-dynamic-form
  {
  position: absolute;
  display: none;
  background-color: blue;}
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
  $("a").click(function(){
  $(".mrp-dynamic-form").attr('style', 'display:block;');
  $(window).height() - $('div.mrp-dynamic-form').height()) / 2
  $(window).width() - $('div.mrp-dynamic-form').width()) / 2
  $(".mrp-dynamic-form").css('z-Index','30');    
  });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>No form even becomes visible anywhere with this.
  Thank you for any help.</p>