Add iframe demo

Author: Rafael J. Staib

downloads/jquery.steps.js

@@ -735,6 +735,7 @@
             }
 
             refreshActionState(wizard);
+            loadAsyncContent(wizard);
         }
     }
 
@@ -809,7 +810,7 @@
             switch (getValidEnumValue($.fn.steps.contentMode, state.currentStep.contentMode))
             {
                 case $.fn.steps.contentMode.iframe:
-                    $(".content > .body", wizard).eq(state.currentIndex)
+                    $(".content > .body", wizard).eq(state.currentIndex).empty()
                         .html($("<iframe src=\"" + state.currentStep.contentUrl + "\" />"))
                         .data("loaded", "1");
                     break;

iframe.html

@@ -14,7 +14,8 @@
         <link rel="stylesheet" href="stylesheets/jquery.steps.css">
 
         <script src="javascripts/jquery-1.9.1.min.js"></script>
-        <script src="javascripts/jquery.steps.min.js"></script>
+        <!--script src="javascripts/jquery.steps.min.js"></script-->
+        <script src="downloads/jquery.steps.js"></script>
         <!--[if lt IE 9]>
         <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
         <![endif]-->

index.html

@@ -36,7 +36,7 @@ <h3>Overview</h3>
                     <ul>
                         <li><a href="basic.html">Basic Example</a></li>
                         <li>Async Example</li>
-                        <li>Embedded Iframe Example</li>
+                        <li><a href="iframe.html">Embedded Iframe Example</a></li>
                         <li>Basic Form Example</li>
                         <li>Advanced Form Example</li>
                         <li><a href="add-remove.html">Dynamic Manipulation Example</a></li>

stylesheets/jquery.steps.css

@@ -121,8 +121,8 @@
 .wizard > .content > .body > iframe
 {
     border: 0 none;
-    width: 100%;
-    height: 200px;
+    width: 580px;
+    height: 280px;
 }
 
 .wizard > .actions