Index: html/js/autoexpand.js
===================================================================
--- html/js/autoexpand.js	(revision 3913)
+++ html/js/autoexpand.js	(working copy)
@@ -237,3 +237,31 @@
 		trelement = document.getElementById("areatrans" + elementNumber + "." + i );
 	}
 }
+
+var focusedElement;
+function setfocusedelement(element)
+{
+	focusedElement = element;
+}
+
+function writespecial(specialchar, elementnumber)
+{
+	var element = document.getElementById("areatrans" + elementnumber );
+	if (focusedElement)
+		insertatposition(focusedElement, specialchar, 0);
+}
+
+function insertatposition (element, text, rollback) 
+{
+	var wholetext = element.value;
+	var cursorposition = element.selectionStart;
+	var finalposition = cursorposition + text.length  - rollback;
+
+	var before = wholetext.substr(0,cursorposition);
+	var after = wholetext.substr(cursorposition, wholetext.length);
+		
+	element.value = before + text + after;
+	element.setSelectionRange(finalposition,finalposition);
+	element.focus();
+}
+
Index: templates/translatepage.html
===================================================================
--- templates/translatepage.html	(revision 3913)
+++ templates/translatepage.html	(working copy)
@@ -137,7 +137,7 @@
                   <!-- No plurals -->
                   <span py:if="not item.trans.isplural" py:strip="True">
                     <!--! TODO: spell checking -->
-                    <textarea dir="$language.dir" lang="$language.code" class="translation ${item.state_class}" name="${item.trans.itemid}" id="area${item.trans.itemid}"  rows="${item.trans.rows}" cols="${item.trans.cols}" py:content="XML(item.trans.text)">
+		    <textarea dir="$language.dir" lang="$language.code" onfocus="setfocusedelement(this);" class="translation ${item.state_class}" name="${item.trans.itemid}" id="area${item.trans.itemid}"  rows="${item.trans.rows}" cols="${item.trans.cols}" py:content="XML(item.trans.text)">
                       translatable text
                     </textarea>
                   </span>
@@ -147,7 +147,7 @@
                       <div class="translation-text-headers" py:content="form.title">Plural Form ${form.n}</div><br />
                       <!--! TODO: spell checking -->
                       <div>
-                        <textarea dir="$language.dir" lang="$language.code" class="translation ${item.state_class}" name="${form.name}" id="area${form.name}" rows="${item.trans.rows}" cols="${item.trans.cols}" py:content="XML(form.text)">
+                        <textarea dir="$language.dir" lang="$language.code" onfocus="setfocusedelement(this);" class="translation ${item.state_class}" name="${form.name}" id="area${form.name}" rows="${item.trans.rows}" cols="${item.trans.cols}" py:content="XML(form.text)">
                           translatable text for plural form
                         </textarea>
                       </div>
@@ -164,15 +164,16 @@
                         value="${buttons.copy_text}" /> 
                       <input py:if="'suggest' in buttons.desired" type="submit" name="submitsuggest${buttons.item}" accesskey="e" value="${buttons.suggest}"/>
                       <input py:if="'translate' in buttons.desired" type="submit" name="submit${buttons.item}" accesskey="s" value="${buttons.submit}"/>
-                    </div>
-                    <div py:if="'specialchars' in buttons" py:content="buttons.specialchars">Special Chars for Language</div>
+             </div>
                     <span py:if="'resize' in buttons.desired" py:strip="True">
                       <a href='#' onclick="return expandtextarea(this)" accesskey="=" py:content="buttons.grow">Grow</a>
                       <a href='#' onclick="return contracttextarea(this)" accesskey="-" py:content="buttons.shrink">Shrink</a>
                       <a href='#' onclick="return broadentextarea(this)" accesskey="+" py:content="buttons.broaden">Broaden</a>
                       <a href='#' onclick="return narrowtextarea(this)" accesskey="_" py:content="buttons.narrow">Narrow</a>
                       <a href='#' onclick="return resettextarea(this, ${buttons.rows}, ${buttons.cols})" py:content="buttons.reset">Reset</a>
-                    </span>
+              </span>
+              <br /> 
+              <a py:for="specialchar in buttons.specialchars" py:content="specialchar" onclick="writespecial('${specialchar}', '${buttons.item}');return false;" href="#">spc</a>
                   </span>
                   <script type="text/javascript">
                     <!-- //We should comment this for old browsers, but then kid doesn't evaluate the expression -->