From 332f8f09f779e614e8e512fa8e9e7ec365b09c1f Mon Sep 17 00:00:00 2001
From: ankitjavalkar
Date: Mon, 13 Feb 2017 17:20:29 +0530
Subject: Add auto scroll to show errors in code questions

---
 yaksh/templates/exam.html | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

(limited to 'yaksh')

diff --git a/yaksh/templates/exam.html b/yaksh/templates/exam.html
index dfcaf2d..b497cc0 100644
--- a/yaksh/templates/exam.html
+++ b/yaksh/templates/exam.html
@@ -26,6 +26,15 @@
     </nav><!-- /.navbar -->
 {% endblock %}
 {% block content %}
+  <script>
+    $(document).ready(function() {
+        var ele = document.getElementById('error_panel')
+        if (ele) {
+          ele.scrollIntoView(true);
+          window.scrollBy(0, -15);
+        }
+    });
+  </script>
 <div class="container-fluid">
     <div class="col-sm-3 col-md-2 sidebar">
         <p> Question Navigator </p>
@@ -64,7 +73,7 @@
             </div>
             {% if question.type == 'code' %}
                 {% if error_message %}
-                    <div class="row">
+                    <div class="row" id="error_panel">
       {% for error in error_message %}
       {% if error == "Correct answer" %}
               <div class="panel panel-success">
-- 
cgit