From 19efe5f3665dc502b78c57f5abedcdee01aad360 Mon Sep 17 00:00:00 2001
From: qw3rty <qw3rty@0cfe37f9-358a-4d5e-be75-b63607b5c754>
Date: Mon, 10 May 2010 15:55:54 +0000
Subject: [PATCH] osqa-5: The side bars giving users information about how to
 better use the questions form has been updated with some effects to help draw
 the users eye to the information available to them.

git-svn-id: http://svn.osqa.net/svnroot/osqa/trunk@192 0cfe37f9-358a-4d5e-be75-b63607b5c754
---
 forum/skins/default/media/js/osqa.main.js     | 22 ++++++++++++++-
 .../default/templates/question_edit_tips.html | 27 +++++++++++++++----
 2 files changed, 43 insertions(+), 6 deletions(-)

diff --git a/forum/skins/default/media/js/osqa.main.js b/forum/skins/default/media/js/osqa.main.js
index 06b2cc9..ea98675 100644
--- a/forum/skins/default/media/js/osqa.main.js
+++ b/forum/skins/default/media/js/osqa.main.js
@@ -935,4 +935,24 @@ var notify = function() {
         },
         isVisible: function() { return visible; }
     };
-} ();
\ No newline at end of file
+} ();
+
+
+function changeSideBar(enabled_bar) {
+    $(currentSideBar).hide();
+    currentSideBar = enabled_bar;
+    $(currentSideBar).fadeIn('slow');
+
+}
+
+var currentSideBar = 'div#editor_side_bar';
+$(function () {
+    $('div#title_side_bar').hide();
+    $('div#editor_side_bar').hide();
+    $('div#tags_side_bar').hide();
+
+    $('input#id_title').focus(function(){changeSideBar('div#title_side_bar')});
+    $('textarea#editor').focus(function(){changeSideBar('div#editor_side_bar')});
+    $('input#id_tags').focus(function(){changeSideBar('div#tags_side_bar')});
+});
+
diff --git a/forum/skins/default/templates/question_edit_tips.html b/forum/skins/default/templates/question_edit_tips.html
index f98cbe9..a391eca 100644
--- a/forum/skins/default/templates/question_edit_tips.html
+++ b/forum/skins/default/templates/question_edit_tips.html
@@ -1,7 +1,7 @@
 <!-- question_edit_tips.html -->
 {% load i18n %}
-<div class="boxC">
-    <p class="subtitle darkred">{% trans "question tips" %}</p>
+<div class="boxC" id="title_side_bar">
+    <p class="subtitle darkred">{% trans "Title Tips" %}</p>
     <div>
         <ul class="list-item">
             <li>
@@ -24,8 +24,8 @@
     </div>
 </div>
 
-<div class="boxC">
-    <p class="subtitle">{% trans "Markdown tips" %}</p>
+<div class="boxC" id="editor_side_bar">
+    <p class="subtitle darkred">{% trans "Markdown Basics" %}</p>
     <ul class="list-item">
         <li>
             {% trans "*italic* or __italic__" %}
@@ -37,7 +37,7 @@
             <b>{% trans "link" %}</b>:[{% trans "text" %}](http://url.com/ "{% trans "title" %}")
 
         </li>
-        
+
         <li>
             <b>{% trans "image" %}</b>：![alt {% trans "text" %}](/path/img.jpg "{% trans "title" %}")
 
@@ -55,4 +55,21 @@
         <a href="http://en.wikipedia.org/wiki/Markdown" target="_blank">{% trans "learn more about Markdown" %} </a>
     </p>
 </div>
+
+<div class="boxC" id="tags_side_bar" align="left">
+    <p class="subtitle darkred">{% trans "What Are Tabs" %}</p>
+    <ul class="list-item">
+        <li>
+            {% trans "Tags are words that will tell others what this question proteins to." %}
+        </li>
+        <li>
+            {% trans "They will help other find your question." %}
+        </li>
+        <li>
+            {% trans "A question can have up to five tags but it must have at less one." %}
+        </li>
+    </ul>
+</div>
+
+
 <!-- end question_edit_tips.html -->
-- 
2.39.5