enhance chem

chem/index.html

@@ -159,8 +159,8 @@
             </div>
         </div>
         <div class="col-lg-2 col-md-12 col-xs-12">
-            <button class="btn btn-default" onclick="$('.help').toggle(300)"><i
-                    class="glyphicon glyphicon-question-sign"></i></button>
+            <button class="btn btn-default" onclick="$('.help').toggle(300);$('.helpicon').toggleClass('glyphicon-arrow-down')"><i
+                    class="glyphicon glyphicon-question-sign helpicon"></i></button>
         </div>
     </div>
     <div class="row help" style="display:none;">
@@ -170,6 +170,7 @@
         <p>我运用了聪明绝顶的正则表达式（也就是那一串火星文），保证了查询方程式时，只要所有分子完全匹配，无论顺序都能查得到。你也可以改为只查包含某种元素的化学式，按左边的按钮就行。</p>
         <p>左边的箭头按钮考虑的是在上下之间快速复制粘贴方程式，不过这个功能还没完全实现。以及根据描述查询方程式的功能也还没实现。</p>
         <p>我目前只录入了高一上学期讲的一些式子，你要是吃饱了闲着没事干也可以帮我录入。查到的方程式带着的数字就是它的 id，修改的时候用得到。</p>
+        <p>小提示：<code>&lt;e+&gt;</code>、<code>&lt;2e-&gt;</code> 用于标注电荷，<code>.</code> 用于代替水合物等中间的点，假如配平结果有一堆变量说明你的方程有多解。</p>
     </div>
 </body>
 

js/chem.js

@@ -186,7 +186,7 @@ function setBal() {
     MathJax.typeset()
     $('#balBtn').text('配平')
     $('#balShare').removeClass('disabled')
-    $('#balInput').attr('placeholder', case1)
+    $('#balInput').attr('placeholder', case1 + '（输入化学式以配平）')
     $('#balBtn').attr('href', '/chem?' + case1)
     $('#balBtn').removeClass('disabled')
     mode = 'bal'
@@ -195,7 +195,7 @@ function setBal() {
 function setWeigh() {
     $('#balBtn').text('相对质量')
     $('#balShare').addClass('disabled')
-    $('#balInput').attr('placeholder', case2)
+    $('#balInput').attr('placeholder', case2 + '（输入化学式以计算相对质量）')
     $('#balBtn').attr('href', '')
     $('#balBtn').addClass('disabled')
     mode = 'weigh'
@@ -204,7 +204,7 @@ function setWeigh() {
 function setWeigh2() {
     $('#balBtn').text('相对质量*')
     $('#balShare').addClass('disabled')
-    $('#balInput').attr('placeholder', case2)
+    $('#balInput').attr('placeholder', case2 + '（输入化学式以计算相对质量）')
     $('#balBtn').attr('href', '')
     $('#balBtn').addClass('disabled')
     mode = 'weigh2'
@@ -261,7 +261,7 @@ function setQryEq() {
     modeq = 'query', nameq = 'eq', strict = false
     $('.qryInputHidable').hide()
     $('#qryBtn').text('查询方程式')
-    $('#qryInput').attr('placeholder', 'O2=H2O')
+    $('#qryInput').attr('placeholder', 'O2=H2O'+'（输入化学式查询数据库，支持模糊搜索）')
     input2();
 }
 function setQryEq2() {
@@ -291,7 +291,7 @@ function setAddEq() {
     modeq = 'add', nameq = 'eq'
     $('.qryInputHidable').hide()
     $('#qryBtn').text('上传方程式')
-    $('#qryInput').attr('placeholder', 'H2+O2=H2O')
+    $('#qryInput').attr('placeholder', 'H2+O2=H2O'+'（输入化学式上传至数据库）')
 }
 function setAddMo() {
     $('#qryMatch').hide()
@@ -310,7 +310,7 @@ function setUpdEq() {
     modeq = 'upd', nameq = 'eq'
     $('.qryInputHidable').hide()
     $('#qryBtn').text('修改方程式')
-    $('#qryInput').attr('placeholder', '')
+    $('#qryInput').attr('placeholder', '（输入 id 修改已有化学式）')
 }
 function setUpdMo() {
     $('#qryMatch').hide()
@@ -328,7 +328,7 @@ function getRegex() {
     var ret = ''
     if (strict) {
         var acont = $('#qryInput').val(), bcont = $('#qryInput2').val();
-        if (!acont && !bcont) acont = $('#qryInput').attr('placeholder')
+        if (!acont && !bcont) acont = $('#qryInput').attr('placeholder').split('（')[0]
         acont = replaceRegex(acont)
         bcont = replaceRegex(bcont)
         ret = '^'
@@ -349,7 +349,7 @@ function getRegex() {
         ret += '.*'
     } else {
         ret = $('#qryInput').val()
-        if (!ret) ret = $('#qryInput').attr('placeholder')
+        if (!ret) ret = $('#qryInput').attr('placeholder').split('（')[0]
         ret = replaceRegex(ret)
         var scont = ret.split('=')
         if (scont.length > 2) return;
@@ -405,7 +405,7 @@ function query() {
         })
     }
     if (modeq == 'add') {
-        $('#balInput').val($('#qryInput').val() ? $('#qryInput').val() : $('#qryInput').attr('placeholder'))
+        $('#balInput').val($('#qryInput').val() ? $('#qryInput').val() : $('#qryInput').attr('placeholder').split('（')[0])
         setBal();
         balance().then(e => {
             if (e[0] == '!') {
@@ -464,7 +464,7 @@ function query() {
         })
     }
     if (modeq == 'upd') {
-        $('#balInput').val($('#qryInput').val() ? $('#qryInput').val() : $('#qryInput').attr('placeholder'))
+        $('#balInput').val($('#qryInput').val() ? $('#qryInput').val() : $('#qryInput').attr('placeholder').split('（')[0])
         setBal();
         balance().then(e => {
             if (e[0] == '!') {