From e8ec2de919fae06beae78f8e7683bac14719ca52 Mon Sep 17 00:00:00 2001
From: neerajkumar-lad <neeraj.kumar@curefit.com>
Date: Sun, 26 Apr 2020 18:40:01 +0530
Subject: [PATCH 1/3] added Multiple dropdown value feature

---
 views/dropdown.erb | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/views/dropdown.erb b/views/dropdown.erb
index 2535132b..a67d192d 100644
--- a/views/dropdown.erb
+++ b/views/dropdown.erb
@@ -8,6 +8,21 @@
     <option value="2">Option 2</option>
   </select>
 </div>
+
+<div class="example">
+  <h3>Multiple value Dropdown List</h3>
+  <select id="dropdown1" multiple="true">
+    <option value="" disabled="disabled" selected="selected"
+      >Please select an option</option
+    >
+    <option value="1">Option 1</option>
+    <option value="2">Option 2</option>
+    <option value="3">Option 3</option>
+    <option value="4">Option 4</option>
+  </select>
+</div>
+
+
 <script>
   var dropdown = document.getElementById('dropdown');
   dropdown.onchange = function(event) {
@@ -20,3 +35,16 @@
       .setAttribute('selected', 'selected');
   };
 </script>
+
+<script>
+  var dropdown = document.getElementById('dropdown1');
+  dropdown.onchange = function(event) {
+    var options = dropdown.getElementsByTagName('option');
+    for (var i = 0; i < options.length; i++) {
+      options[i].removeAttribute('selected');
+    }
+    document
+      .querySelector(`#dropdown1 option[value='${event.target.value}']`)
+      .setAttribute('selected', 'selected');
+  };
+</script>

From 92f35cf02793e426a6bc6351f2eb5cc9eba6ef07 Mon Sep 17 00:00:00 2001
From: neerajkumar-lad <neeraj.kumar@curefit.com>
Date: Sun, 31 May 2020 16:40:15 +0530
Subject: [PATCH 2/3] added new Iframe code

---
 views/frames.erb        |  1 +
 views/nested_frames.erb | 12 ++++++++++++
 2 files changed, 13 insertions(+)

diff --git a/views/frames.erb b/views/frames.erb
index 704202f5..53a1ce15 100644
--- a/views/frames.erb
+++ b/views/frames.erb
@@ -3,5 +3,6 @@
   <ul>
     <li><a href='/nested_frames'>Nested Frames</a></li>
     <li><a href='/iframe'>iFrame</a></li>
+    <li><a href='/iframe'>iFrame Example</a></li>
   </ul>
 </div>
diff --git a/views/nested_frames.erb b/views/nested_frames.erb
index e8c3ec4d..bfe17a37 100644
--- a/views/nested_frames.erb
+++ b/views/nested_frames.erb
@@ -5,3 +5,15 @@
     Frames are not rendering.
   </noframes>
 </frameset>
+
+
+
+<h2>HTML Iframes</h2>
+<p>You can use the height and width attributes to specify the size of the iframe:</p>
+
+<iframe src="/frame_top" height="200" width="300">
+
+<iframe src="/frame_top" scrolling="no" name="frame-top1"></iframe>
+  <iframe src="/frame_bottom" scrolling="no" name="frame-bottom1"></iframe>
+
+</iframe>

From 4e847f268460dad4a8c16fa0e6b54e6fcbcf4c82 Mon Sep 17 00:00:00 2001
From: neerajkumar-lad <neeraj.kumar@curefit.com>
Date: Sun, 31 May 2020 17:18:26 +0530
Subject: [PATCH 3/3] added iFrame link example

---
 server.rb                |  4 ++++
 views/frames.erb         |  2 +-
 views/nested_Iframes.erb | 13 +++++++++++++
 views/nested_frames.erb  | 12 ------------
 4 files changed, 18 insertions(+), 13 deletions(-)
 create mode 100644 views/nested_Iframes.erb

diff --git a/server.rb b/server.rb
index c6e8a68a..96989e42 100644
--- a/server.rb
+++ b/server.rb
@@ -127,6 +127,10 @@ def get_mime_type_for(filename)
     erb :nested_frames, :layout => false
   end
 
+  get '/nested_Iframes' do
+    erb :nested_Iframes, :layout => false
+  end
+
   get '/frames' do
     erb :frames
   end
diff --git a/views/frames.erb b/views/frames.erb
index 53a1ce15..f1542a18 100644
--- a/views/frames.erb
+++ b/views/frames.erb
@@ -3,6 +3,6 @@
   <ul>
     <li><a href='/nested_frames'>Nested Frames</a></li>
     <li><a href='/iframe'>iFrame</a></li>
-    <li><a href='/iframe'>iFrame Example</a></li>
+    <li><a href='/nested_Iframes'>iFrame Example</a></li>
   </ul>
 </div>
diff --git a/views/nested_Iframes.erb b/views/nested_Iframes.erb
new file mode 100644
index 00000000..a59e5f96
--- /dev/null
+++ b/views/nested_Iframes.erb
@@ -0,0 +1,13 @@
+<div >
+<p>Iframe example - in Main Frame</p>
+  <div >
+    <iframe name="iframe1" id="IF1" height="50%" width="50%" src="/frame_left"> 
+    
+    </iframe>
+  </div>
+  <div >
+  <iframe name="iframe2" id="IF2" height="50%" width="50%"  align="left" src="/frame_bottom">
+  
+  </iframe>
+  </div>
+</div>
\ No newline at end of file
diff --git a/views/nested_frames.erb b/views/nested_frames.erb
index bfe17a37..e8c3ec4d 100644
--- a/views/nested_frames.erb
+++ b/views/nested_frames.erb
@@ -5,15 +5,3 @@
     Frames are not rendering.
   </noframes>
 </frameset>
-
-
-
-<h2>HTML Iframes</h2>
-<p>You can use the height and width attributes to specify the size of the iframe:</p>
-
-<iframe src="/frame_top" height="200" width="300">
-
-<iframe src="/frame_top" scrolling="no" name="frame-top1"></iframe>
-  <iframe src="/frame_bottom" scrolling="no" name="frame-bottom1"></iframe>
-
-</iframe>