I have the following page that contains 2 DIVs.

1. <div id="div1" style="width: 50%">
2.  include my script one here
3. </div>
4. 
   
5. <div id="div2"  style="width: 50%">
6.  include my script two here. <input type="button" id="load3" value="load script three to div1">
7. </div>
8. 
   
9. // script three, which contains an iframe

Question:

When the button with id of "load3" is clicked how to load the script three to div1, then resize div1 to 100% and make the iframe inside the script three using 90% of window width and height?

Many thanks.