enhance epsilon

chem/index.html

@@ -33,11 +33,13 @@
 
         .btn-default:hover {
             outline: 10px double rgba(59, 86, 100, 0.5);
+            z-index: 4 !important
         }
 
         .btn.disabled {
             cursor: default;
             pointer-events: none;
+            z-index: 0;
         }
     </style>
     <script id="MathJax-script" src="https://cdn.bootcss.com/mathjax/3.0.5/es5/tex-mml-chtml.js"></script>
@@ -83,6 +85,36 @@
             <hr>
             <div class="well" id="frame">
             </div>
+            <hr>
+            <div class="input-group">
+                <span class="input-group-btn">
+                    <button type="button" class="btn btn-default" onclick="balUp()" id="qryShare" title="导入配平结果"> <span
+                            class="glyphicon glyphicon-share-alt" aria-hidden="true"></span></button>
+                </span>
+                <input id="balInput" type="text" class="form-control" oninput="input()">
+                <span class="input-group-btn">
+                    <button type="button" class="btn btn-default" onclick="balance()" id="qryBtn">查询</button>
+                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+                        <span class="caret"></span>
+                        <span class="sr-only">切换下拉菜单</span>
+                    </button>
+                    <ul class="dropdown-menu" role="menu">
+                        <li class="dropdown-header">功能</li>
+                        <li><a href="#" onclick="setBal()">配平</a></li>
+                        <li><a href="#" onclick="setWeigh()">相对质量</a></li>
+                        <li><a href="#" onclick="setWeigh2()" data-toggle="tooltip" data-placement="left"
+                                title="四位有效数字">相对质量*</a></li>
+                        <li class="divider"></li>
+                        <li><a href="/chemist" data-toggle="tooltip" data-placement="left" title="将打开新页面">配不下了</a>
+                        </li>
+                        <li class="divider"></li>
+                        <li><a href="#" data-toggle="tooltip" data-placement="left" title="将会对所有人可见">发送到数据库</a></li>
+                    </ul>
+                </span>
+            </div>
+            <hr>
+            <div class="well" id="frame">
+            </div>
         </div>
     </div>
 </body>

css/style.css

@@ -63,39 +63,40 @@ h4 {
     filter: none;
 }
 
-.btn:focus:active,.btn:focus {
+.btn:focus:active,
+.btn:focus {
     outline: 0;
 }
 
-.btn-info:is(:not(:hover):focus,:active:focus,:active:hover:focus) {
+.btn-info:is(:not(:hover):focus, :active:focus, :active:hover:focus) {
     outline: 5px dashed rgba(95, 177, 221, 0.5);
 }
 
-.btn-primary:is(:not(:hover):focus,:active:focus,:active:hover:focus) {
+.btn-primary:is(:not(:hover):focus, :active:focus, :active:hover:focus) {
     outline: 5px dashed rgba(46, 109, 164, 0.5);
 }
 
-.btn-warning:is(:not(:hover):focus,:active:focus,:active:hover:focus) {
+.btn-warning:is(:not(:hover):focus, :active:focus, :active:hover:focus) {
     outline: 5px dashed rgba(200, 157, 39, 0.5);
 }
 
-.btn-danger:is(:not(:hover):focus,:active:focus,:active:hover:focus) {
+.btn-danger:is(:not(:hover):focus, :active:focus, :active:hover:focus) {
     outline: 5px dashed rgba(234, 71, 71, 0.5);
 }
 
-.btn-info:is(:hover,:focus:hover) {
+.btn-info:is(:hover, :focus:hover) {
     outline: 10px double rgba(95, 177, 221, 0.5);
 }
 
-.btn-primary:is(:hover,:focus:hover) {
+.btn-primary:is(:hover, :focus:hover) {
     outline: 10px double rgba(46, 109, 164, 0.5);
 }
 
-.btn-warning:is(:hover,:focus:hover) {
+.btn-warning:is(:hover, :focus:hover) {
     outline: 10px double rgba(200, 157, 39, 0.5);
 }
 
-.btn-danger:is(:hover,:focus:hover) {
+.btn-danger:is(:hover, :focus:hover) {
     outline: 10px double rgba(234, 71, 71, 0.5);
 }
 

index.html

@@ -188,7 +188,7 @@
                 </ul>
             </div>
             <a class="btn btn-info" id="random" href="/random/"><span class="glyphicon glyphicon-random"
-                aria-hidden="true"></span>&nbsp;&nbsp;random</a>
+                    aria-hidden="true"></span>&nbsp;&nbsp;random</a>
             <a class="btn btn-info" id="paint" href="/paint/"><span class="glyphicon glyphicon-pencil"
                     aria-hidden="true"></span>&nbsp;&nbsp;绘画板</a>
             <a class="btn btn-info" id="chess" href="/chess/"><span class="glyphicon glyphicon-record"

js/chem.js

@@ -11,7 +11,7 @@ var weighList = {
     'H': 1, 'He': 4,
     'Li': 7, 'Be': 9, 'B': 11, 'C': 12, 'N': 14, 'O': 16, 'F': 19, 'Ne': 20,
     'Na': 23, 'Mg': 24, 'Al': 27, 'Si': 28, 'P': 31, 'S': 32, 'Cl': 35.5, 'Ar': 40,
-    'K': 39, 'Ca': 40, 'Sc': 45, 'Ti': 48, 'V': 51, 'Cr': 52, 'Mn': 55, 'Fe': 56, 'Co': 59, 'Ni': 59, 'Cu': 63.5, 'Zn': 65.5, 'Ga': 70, 'Ge': 72.5, 'As': 75, 'Se': 79, 'Br': 80, 'Kr': 84,
+    'K': 39, 'Ca': 40, 'Sc': 45, 'Ti': 48, 'V': 51, 'Cr': 52, 'Mn': 55, 'Fe': 56, 'Co': 59, 'Ni': 59, 'Cu': 64, 'Zn': 65.5, 'Ga': 70, 'Ge': 72.5, 'As': 75, 'Se': 79, 'Br': 80, 'Kr': 84,
     'Rb': 85.5, 'Sr': 87.5, 'Y': 89, 'Zr': 91, 'Nb': 93, 'Mo': 96, 'Tc': 99, 'Ru': 101, 'Rh': 103, 'Pd': 106.5, 'Ag': 108, 'Cd': 112.5, 'In': 115, 'Sn': 118.5, 'Sb': 122, 'Te': 127.5, 'I': 127, 'Xe': 131,
     'Cs': 133, 'Ba': 137, 'La': 139, 'Ce': 140, 'Pr': 141, 'Nd': 144, 'Pm': 147, 'Sm': 150.5, 'Eu': 152, 'Gd': 157, 'Tb': 159, 'Dy': 162.5, 'Ho': 165, 'Er': 167, 'Tm': 169, 'Yb': 173, 'Lu': 175, 'Hf': 178.5, 'Ta': 181, 'W': 184, 'Re': 186, 'Os': 190, 'Ir': 192, 'Pt': 195, 'Au': 197, 'Hg': 200.5, 'Tl': 204.5, 'Pb': 207, 'Bi': 209, 'Po': 209, 'At': 210, 'Rn': 222,
     'Fr': 223, 'Ra': 226, 'Ac': 227, 'Th': 232, 'Pa': 231, 'U': 238, 'Np': 237, 'Pu': 244, 'Am': 243, 'Cm': 247, 'Bk': 247, 'Cf': 251, 'Es': 252, 'Fm': 257, 'Md': 258, 'No': 259, 'Lr': 260, 'Rf': 261, 'Db': 262, 'Sg': 263, 'Bh': 262, 'Hs': 265, 'Mt': 266, 'Ds': 269, 'Rg': 272, 'Cn': 285, 'Nh': 284, 'Fl': 289, 'Mc': 288, 'Lv': 293, 'Ts': 291, 'Og': 294
@@ -94,6 +94,16 @@ function parseMolecule(str) {
     return f;
 }
 
+function eps(a, mode = 0) {
+    if (mode) {
+        var s = a.toString().split('e')
+        console.log(a)
+        console.log(s[0])
+        if (s.length == 1) return parseFloat(parseFloat(a).toFixed(4))
+        return Math.round(parseFloat(s[0]) * 10000) / 10000 + 'e' + s[1];
+    } else return a
+}
+
 function weigh(hash, mode = 0) {
     var ans = 0
     if (mode) {
@@ -105,7 +115,7 @@ function weigh(hash, mode = 0) {
             if (weighList[key]) ans += hash[key] * weighList[key]
         }
     }
-    return parseInt(ans * 10000) / 10000;
+    return eps(ans,mode);
 }
 function weighEquation(str, mode = 0) {
     str = str.replace(/<\d*e[\+\-]>*/g, "").replace(/[^\dA-Za-z<>\(\)\+\-=\.;]/g, "");
@@ -117,10 +127,10 @@ function weighEquation(str, mode = 0) {
     for (let i = 0; i <= n; i++) {
         var k = weigh(parseMolecule(q[i]), mode)
         sum += k
-        if (p.charAt(i) == '=') gsum += parseInt(sum * 10000) / 10000 + '=', sum = 0;
+        if (p.charAt(i) == '=') gsum += eps(sum,mode) + '=', sum = 0;
         ans = ans + k + p.charAt(i)
     }
-    if (n) ans += '\\)<br>\\(' + gsum + parseInt(sum * 10000) / 10000
+    if (n) ans += '\\)<br>\\(' + gsum + eps(sum,mode)
     return ans.replace(/\*/g, "\\cdot");
 }
 
@@ -200,17 +210,17 @@ function input() {
         MathJax.typeset()
     } else if (mode == 'weigh') {
         $('#frame')[0].innerHTML = '\\(' + renderEquation((inputText == '') ? 'CH3CHO+2Ag(NH3)2OH=CH3COONH4+2Ag+3NH3+H2O' : inputText) + '\\)<br>\\('
-            + weighEquation((inputText == '') ? '2CrI3+27Cl2+64KOH=2K2CrO4+6KIO4+54KCl+32H2O' : inputText) + '\\)';
+            + weighEquation((inputText == '') ? 'CH3CHO+2Ag(NH3)2OH=CH3COONH4+2Ag+3NH3+H2O' : inputText) + '\\)';
         MathJax.typeset()
     } else if (mode == 'weigh2') {
         $('#frame')[0].innerHTML = '\\(' + renderEquation((inputText == '') ? 'CH3CHO+2Ag(NH3)2OH=CH3COONH4+2Ag+3NH3+H2O' : inputText) + '\\)<br>\\('
-            + weighEquation((inputText == '') ? '2CrI3+27Cl2+64KOH=2K2CrO4+6KIO4+54KCl+32H2O' : inputText, 1) + '\\)';
+            + weighEquation((inputText == '') ? 'CH3CHO+2Ag(NH3)2OH=CH3COONH4+2Ag+3NH3+H2O' : inputText, 1) + '\\)';
         MathJax.typeset()
     }
 }
 var running;
 function balance() {
-    if (running) return;
+    if (running || mode != 'bal') return;
     $('#balBtn').text('配平...')
     $('#balBtn').addClass('disabled')
     $('#frame').addClass('text-muted')
@@ -227,6 +237,7 @@ function balance() {
     })
 }
 function balUp() {
+    if (mode != 'bal') return;
     $('#balInput').val(balText);
     input()
 }