title: Change styles properties on iframe click
body: <p>I have this iframe:</p>
  
  <pre><code>&lt;iframe src="http://www.example.org" frameborder="0" style="top: -100; left: -250; width: 400; height: 590; border: 0; border:none;" scrolling="no" sandbox="allow-controls"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>I want it automatically changes
  to:</p>
  
  <pre><code>&lt;iframe src="http://www.example.org" frameborder="0" style="top: -200; left: -650; width: 950; height: 800; border: 0; border:none;" scrolling="no" sandbox="allow-controls"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>when clicked. Precisely and basically I want to change <code>top</code>, <code>left</code>, <code>width</code> and <code>height</code> properties.</p>
  
  <p>Is it possible? If so, how?</p>