title: Want to open custom popup in react JavaScript using HTML5
body: <p>I tried this link:</p>
  
  <p><a href="http://codepen.io/anon/pen/zxLdgz" rel="nofollow">http://codepen.io/anon/pen/zxLdgz</a></p>
  
  <p><a href="http://www.webdesignerdepot.com/2012/10/creating-a-modal-window-with-html5-and-css3/" rel="nofollow">http://www.webdesignerdepot.com/2012/10/creating-a-modal-window-with-html5-and-css3/</a></p>
  
  <p>But its not working in:</p>
  
  <p>I tried this code in jsx file</p>
  
  <pre><code>&lt;a href="#openModal"&gt;Open Modal&lt;/a&gt;
  
  &lt;div id="openModal" className="modalDialog"&gt;
      &lt;div&gt;
          &lt;a href="#close" title="Close" className="close"&gt;X&lt;/a&gt;
          &lt;h2&gt;Modal Box&lt;/h2&gt;
          &lt;p&gt;This is a sample modal box that can be created using the powers of CSS3.&lt;/p&gt;
          &lt;p&gt;You could do a lot of things here like have a pop-up ad that shows when your website loads, or create a login/register form for users.&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Also this code:</p>
  
  <pre><code>ondialog() 
  {
      &lt;dialog id="window"&gt;
          &lt;h3&gt;Sample Dialog!&lt;/h3&gt;
          &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum, inventore!&lt;/p&gt;
          &lt;button id="exit"&gt;Close Dialog&lt;/button&gt;
      &lt;/dialog&gt;
  }
  </code></pre>
  
  <p>on button click still no use</p>