added box plot

rowers/templates/user_boxplot_select.html

@@ -12,6 +12,55 @@
        checkboxes[i].checked = source.checked;
   }
  }
+</script>
+<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
+<script>
+  $(function() {
+  
+  // Get the form fields and hidden div
+  var modality = $("#id_modality");
+  var hidden = $("#id_waterboattype");
+
+  
+  // Hide the fields.
+  // Use JS to do this in case the user doesn't have JS 
+  // enabled.
+
+  hidden.hide();
+
+
+  
+  // Setup an event listener for when the state of the 
+  // checkbox changes.
+  modality.change(function() {
+    // Check to see if the checkbox is checked.
+    // If it is, show the fields and populate the input.
+  // If not, hide the fields.
+    var Value = modality.val();
+    if (Value=='water') {
+  // Show the hidden fields.
+  hidden.show();
+  } else {
+  // Make sure that the hidden fields are indeed
+  // hidden.
+  hidden.hide();
+      
+      // You may also want to clear the value of the 
+      // hidden fields here. Just in case somebody 
+      // shows the fields, enters data to them and then 
+      // unticks the checkbox.
+      //
+      // This would do the job:
+      //
+      // $("#hidden_field").val("");
+    }
+  });
+
+
+  });
+
+
+
 </script>
 
 
@@ -45,23 +94,42 @@
   </div>
 </div>
 <div class="grid_12 alpha">
-  <div class="grid_4 alpha">
-
+  <div class="grid_6 alpha">
     {% if theuser %}
     <form enctype="multipart/form-data" action="/rowers/user-boxplot-select/user/{{ theuser.id }}/" method="post">
-    {% else %}
-    <form enctype="multipart/form-data" action="/rowers/user-boxplot-select/" method="post">
-      {% endif %}
-      
-      <table>
-        {{ dateform.as_table }}
-      </table>
-      {% csrf_token %}
+      {% else %}
+      <form enctype="multipart/form-data" action="/rowers/user-boxplot-select/" method="post">
+        {% endif %}
+        <div class="grid_4 alpha">
+  
+          <table>
+            {{ dateform.as_table }}
+          </table>
+          {% csrf_token %}
+        </div>
+        <div class="grid_2 omega">
+          <input name='daterange' class="button green" type="submit" value="Submit">
+        </div>
+      </form>
+      {% if theuser %}
+      <form enctype="multipart/form-data" action="/rowers/user-boxplot-select/user/{{ theuser.id }}/" method="post">
+        {% else %}
+        <form enctype="multipart/form-data" action="/rowers/user-boxplot-select/" method="post">
+          {% endif %}
+          <div class="grid_4 alpha">
+
+            <table>
+              {{ modalityform.as_table }}
+            </table>
+            {% csrf_token %}
+          </div>
+          <div class="grid_2 omega">
+            <input name='modalityform' class="button green" type="submit" value="Submit">
+          </div>
+        </form>
   </div>
-  <div class="grid_2">
-    <input name='daterange' class="button green" type="submit" value="Submit">	</form>
-  </div>
-<div class="grid_5 prefix_1 omega">
+
+  <div class="grid_5 prefix_1 omega">
   <form id="searchform" action=""
         method="get" accept-charset="utf-8">
     <div class="grid_3 prefix_1 alpha">