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

diff --git a/forum/skins/default/media/js/osqa.main.js b/forum/skins/default/media/js/osqa.main.js
index 06b2cc91ad24d086e678790fa8450b4a9d4d2eee..ea98675eb9aac9d16945aa561342dc232a43c115 100644 (file)
--- 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() {
         },\r
         isVisible: function() { return visible; }\r
     };\r
         },\r
         isVisible: function() { return visible; }\r
     };\r

-} ();
\ No newline at end of file
+} ();\r
+\r
+\r
+function changeSideBar(enabled_bar) {\r
+    $(currentSideBar).hide();\r
+    currentSideBar = enabled_bar;\r
+    $(currentSideBar).fadeIn('slow');\r
+\r
+}\r
+\r
+var currentSideBar = 'div#editor_side_bar';\r
+$(function () {\r
+    $('div#title_side_bar').hide();\r
+    $('div#editor_side_bar').hide();\r
+    $('div#tags_side_bar').hide();\r
+\r
+    $('input#id_title').focus(function(){changeSideBar('div#title_side_bar')});\r
+    $('textarea#editor').focus(function(){changeSideBar('div#editor_side_bar')});\r
+    $('input#id_tags').focus(function(){changeSideBar('div#tags_side_bar')});\r
+});\r
+\r

diff --git a/forum/skins/default/templates/question_edit_tips.html b/forum/skins/default/templates/question_edit_tips.html
index f98cbe9b28bce2b333b2bf6e92710c5916cfbea8..a391ecad8601c3c7087ead61845642755aa1ac56 100644 (file)
--- 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 %}
 <!-- 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>
     <div>
         <ul class="list-item">
             <li>


@@ -24,8 +24,8 @@
     </div>
 </div>
 
     </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__" %}
     <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>
             <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" %}")
 
         <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>
         <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 -->
 <!-- end question_edit_tips.html -->