Browse Source

move chem.js out

schtonn 2 years ago
parent
commit
148e14599e
2 changed files with 250 additions and 235 deletions
  1. 20 235
      chem/index.html
  2. 230 0
      js/chem.js

+ 20 - 235
chem/index.html

@@ -23,9 +23,18 @@
             overflow-x: auto;
             overflow-y: auto;
         }
-        .btn:focus,.btn:focus-visible,.btn:focus-within,.btn:active{
-            outline: 10px double rgba(95, 177, 221, 0.5);
+
+        .btn-default:focus,
+        .btn-default:focus-visible,
+        .btn-default:focus-within,
+        .btn-default:active {
+            outline: 10px double rgba(59, 86, 100, 0.5);
+        }
+
+        .btn-default:hover {
+            outline: 4px dashed rgba(59, 86, 100, 0.5);
         }
+
         .btn.disabled {
             cursor: default;
             pointer-events: none;
@@ -33,247 +42,22 @@
     </style>
     <script id="MathJax-script" src="https://cdn.bootcss.com/mathjax/3.0.5/es5/tex-mml-chtml.js"></script>
     <!-- <script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script> -->
-    <script>
-        var list = ['',
-            'H', 'He',
-            'Li', 'Be', 'B', 'C', 'N', 'O', 'F', 'Ne',
-            'Na', 'Mg', 'Al', 'Si', 'P', 'S', 'Cl', 'Ar',
-            'K', 'Ca', 'Sc', 'Ti', 'V', 'Cr', 'Mn', 'Fe', 'Co', 'Ni', 'Cu', 'Zn', 'Ga', 'Ge', 'As', 'Se', 'Br', 'Kr',
-            'Rb', 'Sr', 'Y', 'Zr', 'Nb', 'Mo', 'Tc', 'Ru', 'Rh', 'Pd', 'Ag', 'Cd', 'In', 'Sn', 'Sb', 'Te', 'I', 'Xe',
-            'Cs', 'Ba', 'La', 'Ce', 'Pr', 'Nd', 'Pm', 'Sm', 'Eu', 'Gd', 'Tb', 'Dy', 'Ho', 'Er', 'Tm', 'Yb', 'Lu', 'Hf', 'Ta', 'W', 'Re', 'Os', 'Ir', 'Pt', 'Au', 'Hg', 'Tl', 'Pb', 'Bi', 'Po', 'At', 'Rn',
-            'Fr', 'Ra', 'Ac', 'Th', 'Pa', 'U', 'Np', 'Pu', 'Am', 'Cm', 'Bk', 'Cf', 'Es', 'Fm', 'Md', 'No', 'Lr', 'Rf', 'Db', 'Sg', 'Bh', 'Hs', 'Mt', 'Ds', 'Rg', 'Cn', 'Nh', 'Fl', 'Mc', 'Lv', 'Ts', 'Og'
-        ]
-        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,
-            '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
-        }
-        var weighList2 = {
-            'H': 1.008, 'He': 4.003,
-            'Li': 6.941, 'Be': 9.012, 'B': 10.81, 'C': 12.01, 'N': 14.01, 'O': 16.00, 'F': 19.00, 'Ne': 20.18,
-            'Na': 22.99, 'Mg': 24.31, 'Al': 26.98, 'Si': 28.09, 'P': 30.97, 'S': 32.07, 'Cl': 35.45, 'Ar': 49.95,
-            'K': 39.10, 'Ca': 40.08, 'Sc': 44.96, 'Ti': 47.87, 'V': 50.94, 'Cr': 52.00, 'Mn': 54.94, 'Fe': 55.85, 'Co': 58.93, 'Ni': 58.69, 'Cu': 63.55, 'Zn': 65.39, 'Ga': 79.72, 'Ge': 72.61, 'As': 74.92, 'Se': 78.96, 'Br': 79.90, 'Kr': 83.80,
-            'Rb': 85.47, 'Sr': 87.62, 'Y': 88.91, 'Zr': 91.22, 'Nb': 92.91, 'Mo': 95.94, 'Tc': 99, 'Ru': 101.1, 'Rh': 102.9, 'Pd': 106.4, 'Ag': 107.9, 'Cd': 112.4, 'In': 114.8, 'Sn': 118.7, 'Sb': 121.8, 'Te': 127.6, 'I': 126.9, 'Xe': 131.3,
-            'Cs': 132.9, 'Ba': 137.3, 'La': 138.9, 'Ce': 140.1, 'Pr': 140.9, 'Nd': 144.2, 'Pm': 147, 'Sm': 150.4, 'Eu': 152.0, 'Gd': 157.3, 'Tb': 158.9, 'Dy': 162.5, 'Ho': 164.9, 'Er': 167.3, 'Tm': 168.9, 'Yb': 173.0, 'Lu': 175.0, 'Hf': 178.5, 'Ta': 180.9, 'W': 183.8, 'Re': 186.2, 'Os': 190.2, 'Ir': 192.2, 'Pt': 195.1, 'Au': 197.0, 'Hg': 200.6, 'Tl': 204.4, 'Pb': 207.2, 'Bi': 209.0, 'Po': 209, 'At': 210, 'Rn': 222,
-            'Fr': 223, 'Ra': 226.0, 'Ac': 227.0, 'Th': 232.0, 'Pa': 231.0, 'U': 238.0, 'Np': 237.0, '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
-        }
-
-        var bracket = {}
 
-        function getco(str) {
-            var n = str.length, ret = 0
-            for (var i = 0; i < n; i++) {
-                var ch = str.charAt(i)
-                if (isNaN(ch)) break;
-                ret *= 10;
-                ret += ch - 0;
-            }
-            str = str.slice(i, n)
-            return [ret, str, i]
-        }
-
-        function workMolecule(str, st) {
-            // console.log(str, st)
-            var n = str.length, co = 1, ans = {};
-            for (let i = 0; i < n; i++) {
-                var ch = str.charAt(i)
-                var f = {}
-                if (ch == '(') {
-                    f = workMolecule(str.slice(i + 1, bracket[i + st] - st), st + i + 1)
-                    i = bracket[i + st] - st;
-                } else if ('A' <= ch && ch <= 'Z') {
-                    if (i + 1 < n) {
-                        let nch = str.charAt(i + 1)
-                        if ('a' <= nch && nch <= 'z') i++, ch += nch
-                    }
-                    if (f[ch]) f[ch]++;
-                    else f[ch] = 1;
-                } else return {}
-                let g = getco(str.slice(i + 1, n))
-                if (g[0]) {
-                    for (key in f) {
-                        f[key] *= g[0]
-                    }
-                }
-                for (key in f) {
-                    if (ans[key]) ans[key] = ans[key] + f[key]
-                    else ans[key] = f[key]
-                }
-                i += g[2]
-            }
-            // console.log('ans', ans)
-            return ans;
-        }
-
-        function parseMolecule(str) {
-            str = str.replace(/[\[{]/g, "(").replace(/[\]}]/g, ")")
-            str = str.replace(/<\d*e[\+\-]>*/g, "");
-            // console.log('Parsing molecule', str)
-            var n = str.length, co = 1, stack = [], top = 0;
-            for (let i = 0; i < n; i++) {
-                var ch = str.charAt(i);
-                if (ch == '(') stack[top] = i, top++;
-                else if (ch == ')') bracket[stack[top - 1]] = i, bracket[i] = stack[top - 1], top--;
-                if (top < 0) return {}
-            }
-            if (top != 0) return {};
-            var g = getco(str)
-            if (g[0]) co = g[0]
-            var f = workMolecule(g[1], g[2])
-            for (key in f) {
-                f[key] *= co;
-            }
-            return f;
-        }
-
-        function weigh(hash, mode = 0) {
-            var ans = 0
-            if (mode) {
-                for (key in hash) {
-                    if (weighList2[key]) ans += hash[key] * weighList2[key]
-                }
-            } else {
-                for (key in hash) {
-                    if (weighList[key]) ans += hash[key] * weighList[key]
-                }
-            }
-            return parseInt(ans * 10000) / 10000;
-        }
-        function weighEquation(str, mode = 0) {
-            str = str.replace(/<\d*e[\+\-]>*/g, "").replace(/[^\dA-Za-z<>\(\)\+\-=\.]/g, "");
-            var q = str.split(/[=\+\-\.]/g)
-            var p = str.replace(/[^=\+\-\.]/g, "").replace('.', '*')
-            var ans = ""
-            if (str == "") return ""
-            var n = p.length, sum = 0, gsum = "";
-            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;
-                ans = ans + k + p.charAt(i)
-            }
-            if (n) ans += '\\)<br>\\(' + gsum + parseInt(sum * 10000) / 10000
-            return ans.replace('\*', "\\cdot");
-        }
-
-        function parseEquation(str) {
-            str = str.replace(/ /g, '')
-            var q = str.split(/[=\+\-\.]/g)
-            var p = str.replace(/[^=\+\-\.]/g, "")
-            var ans = {}
-            var n = p.length;
-            for (let i = 0; i <= n; i++) {
-                var f = parseMolecule(q[i])
-                for (key in f) {
-                    if (ans[key]) ans[key] = ans[key] + f[key]
-                    else ans[key] = f[key]
-                }
-            }
-            return ans
-        }
-
-        function renderEquation(str) {
-            str = str.replace(/[\[{]/g, "(").replace(/[\]}]/g, ")");
-            str = str.replace(/[^\dA-Za-z<>\(\)\+\-=\.]/g, "");
-            // console.log('Rendering equation', str)
-            str = str.replace(/([A-Za-z]+)/g, "\\text{$1}");
-            str = str.replace(/<(\d*)\\text\{e\}([\+\-])>/g, "^{$1$2}");
-            str = str.replace(/([\}\)])(\d+)/g, "$1_{$2}");
-            str = str.replace('.', "\\cdot");
-            // console.log(str)
-            return str
-        }
-
-        var mode = 'bal', balInput, balText = '', inputText
-        $().ready(function () {
-            balInput = $("#balInput")[0]
-            setBal();
-            $("#balInput").keydown(function (e) {
-                if (e.keyCode == 13 && mode == 'bal') {
-                    $("#balBtn")[0].click();
-                }
-            });
-            $(function () { $("[data-toggle='tooltip']").tooltip(); });
-        })
-        function setBal() {
-            $('#frame')[0].innerHTML = '\\(' + renderEquation(balText) + '\\)';
-            MathJax.typeset()
-            $('#balBtn').text('配平')
-            $('#balShare').removeClass('disabled')
-            $('#balInput').attr('placeholder', 'CrI3+Cl2+KOH=K2CrO4+KIO4+KCl+H2O')
-            $('#balBtn').attr('href', '/chem?CrI3+Cl2+KOH=K2CrO4+KIO4+KCl+H2O')
-            $('#balBtn').removeClass('disabled')
-            mode = 'bal'
-            input()
-        }
-        function setWeigh() {
-            $('#balBtn').text('相对质量')
-            $('#balShare').addClass('disabled')
-            $('#balInput').attr('placeholder', 'CH3CHO+2Ag(NH3)2OH=CH3COONH4+2Ag+3NH3+H2O')
-            $('#balBtn').attr('href', '')
-            $('#balBtn').addClass('disabled')
-            mode = 'weigh'
-            input()
-        }
-        function setWeigh2() {
-            $('#balBtn').text('相对质量*')
-            $('#balShare').addClass('disabled')
-            $('#balInput').attr('placeholder', 'CH3CHO+2Ag(NH3)2OH=CH3COONH4+2Ag+3NH3+H2O')
-            $('#balBtn').attr('href', '')
-            $('#balBtn').addClass('disabled')
-            mode = 'weigh2'
-            input()
-        }
-        function input() {
-            inputText = balInput.value
-            if (mode == 'bal') {
-                $('#frame')[0].innerHTML = '\\(' + renderEquation((inputText == '') ? 'CrI3+Cl2+KOH=K2CrO4+KIO4+KCl+H2O' : inputText) + '\\)<br>'
-                    + '<span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span><br>' + ((balText != '') ? ('\\(' + renderEquation(balText) + '\\)') : ('...'));
-                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) + '\\)';
-                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) + '\\)';
-                MathJax.typeset()
-            }
-        }
-        var running;
-        function balance() {
-            if (running) return;
-            $('#balBtn').text('配平...')
-            $('#balBtn').addClass('disabled')
-            running = 1;
-            $.get('/chem?' + ((inputText == '') ? 'CrI3+Cl2+KOH=K2CrO4+KIO4+KCl+H2O' : inputText), function (e) {
-                $('#frame')[0].innerHTML = (e.charAt(0) == '!') ? ('<pre class="text-danger bg-danger">' + e.slice(1, e.length) + '</pre>') : ('\\(' + renderEquation((inputText == '') ? 'CrI3+Cl2+KOH=K2CrO4+KIO4+KCl+H2O' : inputText)
-                    + '\\)<br><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span><br>' + '\\(' + renderEquation(e) + '\\)');
-                if (e.charAt(0) != '!') balText = e
-                MathJax.typeset()
-                $('#balBtn').text('配平')
-                $('#balBtn').removeClass('disabled')
-                running = 0;
-            })
-        }
-        function balUp() {
-            $('#balInput').val(balText)
-        }
-    </script>
+    <script src="../js/chem.js"></script>
 
 </head>
 
 <body>
-    <div>
+    <div class="row">
+        <div class="col-lg-2 col-md-2 col-xs-12">
+            <a class="btn btn-info" href="/"><i class="glyphicon glyphicon-home" aria-hidden="true"></i>&nbsp;返回</a>
+            <hr>
+        </div>
         <div class="col-lg-8 col-md-10 col-xs-12">
             <div class="input-group">
                 <span class="input-group-btn">
-                    <button type="button" class="btn btn-default" onclick="balUp()" id="balShare" title="导入配平结果"> <span class="glyphicon glyphicon-share-alt"
-                            aria-hidden="true"></span></button>
+                    <button type="button" class="btn btn-default" onclick="balUp()" id="balShare" 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">
@@ -296,6 +80,7 @@
                     </ul>
                 </span>
             </div>
+            <hr>
             <div class="well" id="frame">
             </div>
         </div>

+ 230 - 0
js/chem.js

@@ -0,0 +1,230 @@
+var list = ['',
+    'H', 'He',
+    'Li', 'Be', 'B', 'C', 'N', 'O', 'F', 'Ne',
+    'Na', 'Mg', 'Al', 'Si', 'P', 'S', 'Cl', 'Ar',
+    'K', 'Ca', 'Sc', 'Ti', 'V', 'Cr', 'Mn', 'Fe', 'Co', 'Ni', 'Cu', 'Zn', 'Ga', 'Ge', 'As', 'Se', 'Br', 'Kr',
+    'Rb', 'Sr', 'Y', 'Zr', 'Nb', 'Mo', 'Tc', 'Ru', 'Rh', 'Pd', 'Ag', 'Cd', 'In', 'Sn', 'Sb', 'Te', 'I', 'Xe',
+    'Cs', 'Ba', 'La', 'Ce', 'Pr', 'Nd', 'Pm', 'Sm', 'Eu', 'Gd', 'Tb', 'Dy', 'Ho', 'Er', 'Tm', 'Yb', 'Lu', 'Hf', 'Ta', 'W', 'Re', 'Os', 'Ir', 'Pt', 'Au', 'Hg', 'Tl', 'Pb', 'Bi', 'Po', 'At', 'Rn',
+    'Fr', 'Ra', 'Ac', 'Th', 'Pa', 'U', 'Np', 'Pu', 'Am', 'Cm', 'Bk', 'Cf', 'Es', 'Fm', 'Md', 'No', 'Lr', 'Rf', 'Db', 'Sg', 'Bh', 'Hs', 'Mt', 'Ds', 'Rg', 'Cn', 'Nh', 'Fl', 'Mc', 'Lv', 'Ts', 'Og'
+]
+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,
+    '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
+}
+var weighList2 = {
+    'H': 1.008, 'He': 4.003,
+    'Li': 6.941, 'Be': 9.012, 'B': 10.81, 'C': 12.01, 'N': 14.01, 'O': 16.00, 'F': 19.00, 'Ne': 20.18,
+    'Na': 22.99, 'Mg': 24.31, 'Al': 26.98, 'Si': 28.09, 'P': 30.97, 'S': 32.07, 'Cl': 35.45, 'Ar': 49.95,
+    'K': 39.10, 'Ca': 40.08, 'Sc': 44.96, 'Ti': 47.87, 'V': 50.94, 'Cr': 52.00, 'Mn': 54.94, 'Fe': 55.85, 'Co': 58.93, 'Ni': 58.69, 'Cu': 63.55, 'Zn': 65.39, 'Ga': 79.72, 'Ge': 72.61, 'As': 74.92, 'Se': 78.96, 'Br': 79.90, 'Kr': 83.80,
+    'Rb': 85.47, 'Sr': 87.62, 'Y': 88.91, 'Zr': 91.22, 'Nb': 92.91, 'Mo': 95.94, 'Tc': 99, 'Ru': 101.1, 'Rh': 102.9, 'Pd': 106.4, 'Ag': 107.9, 'Cd': 112.4, 'In': 114.8, 'Sn': 118.7, 'Sb': 121.8, 'Te': 127.6, 'I': 126.9, 'Xe': 131.3,
+    'Cs': 132.9, 'Ba': 137.3, 'La': 138.9, 'Ce': 140.1, 'Pr': 140.9, 'Nd': 144.2, 'Pm': 147, 'Sm': 150.4, 'Eu': 152.0, 'Gd': 157.3, 'Tb': 158.9, 'Dy': 162.5, 'Ho': 164.9, 'Er': 167.3, 'Tm': 168.9, 'Yb': 173.0, 'Lu': 175.0, 'Hf': 178.5, 'Ta': 180.9, 'W': 183.8, 'Re': 186.2, 'Os': 190.2, 'Ir': 192.2, 'Pt': 195.1, 'Au': 197.0, 'Hg': 200.6, 'Tl': 204.4, 'Pb': 207.2, 'Bi': 209.0, 'Po': 209, 'At': 210, 'Rn': 222,
+    'Fr': 223, 'Ra': 226.0, 'Ac': 227.0, 'Th': 232.0, 'Pa': 231.0, 'U': 238.0, 'Np': 237.0, '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
+}
+
+var bracket = {}
+
+function getco(str) {
+    var n = str.length, ret = 0
+    for (var i = 0; i < n; i++) {
+        var ch = str.charAt(i)
+        if (isNaN(ch)) break;
+        ret *= 10;
+        ret += ch - 0;
+    }
+    str = str.slice(i, n)
+    return [ret, str, i]
+}
+
+function workMolecule(str, st) {
+    // console.log(str, st)
+    var n = str.length, co = 1, ans = {};
+    for (let i = 0; i < n; i++) {
+        var ch = str.charAt(i)
+        var f = {}
+        if (ch == '(') {
+            f = workMolecule(str.slice(i + 1, bracket[i + st] - st), st + i + 1)
+            i = bracket[i + st] - st;
+        } else if ('A' <= ch && ch <= 'Z') {
+            if (i + 1 < n) {
+                let nch = str.charAt(i + 1)
+                if ('a' <= nch && nch <= 'z') i++, ch += nch
+            }
+            if (f[ch]) f[ch]++;
+            else f[ch] = 1;
+        } else return {}
+        let g = getco(str.slice(i + 1, n))
+        if (g[0]) {
+            for (key in f) {
+                f[key] *= g[0]
+            }
+        }
+        for (key in f) {
+            if (ans[key]) ans[key] = ans[key] + f[key]
+            else ans[key] = f[key]
+        }
+        i += g[2]
+    }
+    // console.log('ans', ans)
+    return ans;
+}
+
+function parseMolecule(str) {
+    str = str.replace(/[\[{]/g, "(").replace(/[\]}]/g, ")")
+    str = str.replace(/<\d*e[\+\-]>*/g, "");
+    // console.log('Parsing molecule', str)
+    var n = str.length, co = 1, stack = [], top = 0;
+    for (let i = 0; i < n; i++) {
+        var ch = str.charAt(i);
+        if (ch == '(') stack[top] = i, top++;
+        else if (ch == ')') bracket[stack[top - 1]] = i, bracket[i] = stack[top - 1], top--;
+        if (top < 0) return {}
+    }
+    if (top != 0) return {};
+    var g = getco(str)
+    if (g[0]) co = g[0]
+    var f = workMolecule(g[1], g[2])
+    for (key in f) {
+        f[key] *= co;
+    }
+    return f;
+}
+
+function weigh(hash, mode = 0) {
+    var ans = 0
+    if (mode) {
+        for (key in hash) {
+            if (weighList2[key]) ans += hash[key] * weighList2[key]
+        }
+    } else {
+        for (key in hash) {
+            if (weighList[key]) ans += hash[key] * weighList[key]
+        }
+    }
+    return parseInt(ans * 10000) / 10000;
+}
+function weighEquation(str, mode = 0) {
+    str = str.replace(/<\d*e[\+\-]>*/g, "").replace(/[^\dA-Za-z<>\(\)\+\-=\.]/g, "");
+    var q = str.split(/[=\+\-\.]/g)
+    var p = str.replace(/[^=\+\-\.]/g, "").replace('.', '*')
+    var ans = ""
+    if (str == "") return ""
+    var n = p.length, sum = 0, gsum = "";
+    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;
+        ans = ans + k + p.charAt(i)
+    }
+    if (n) ans += '\\)<br>\\(' + gsum + parseInt(sum * 10000) / 10000
+    return ans.replace('\*', "\\cdot");
+}
+
+function parseEquation(str) {
+    str = str.replace(/ /g, '')
+    var q = str.split(/[=\+\-\.]/g)
+    var p = str.replace(/[^=\+\-\.]/g, "")
+    var ans = {}
+    var n = p.length;
+    for (let i = 0; i <= n; i++) {
+        var f = parseMolecule(q[i])
+        for (key in f) {
+            if (ans[key]) ans[key] = ans[key] + f[key]
+            else ans[key] = f[key]
+        }
+    }
+    return ans
+}
+
+function renderEquation(str) {
+    str = str.replace(/[\[{]/g, "(").replace(/[\]}]/g, ")");
+    str = str.replace(/[^\dA-Za-z<>\(\)\+\-=\.]/g, "");
+    // console.log('Rendering equation', str)
+    str = str.replace(/([A-Za-z]+)/g, "\\text{$1}");
+    str = str.replace(/<(\d*)\\text\{e\}([\+\-])>/g, "^{$1$2}");
+    str = str.replace(/([\}\)])(\d+)/g, "$1_{$2}");
+    str = str.replace('.', "\\cdot");
+    // console.log(str)
+    return str
+}
+
+var mode = 'bal', balInput, balText = '', inputText
+$().ready(function () {
+    balInput = $("#balInput")[0]
+    setBal();
+    $("#balInput").keydown(function (e) {
+        if (e.keyCode == 13 && mode == 'bal') {
+            $("#balBtn")[0].click();
+        }
+    });
+    $(function () { $("[data-toggle='tooltip']").tooltip(); });
+})
+function setBal() {
+    $('#frame')[0].innerHTML = '\\(' + renderEquation(balText) + '\\)';
+    MathJax.typeset()
+    $('#balBtn').text('配平')
+    $('#balShare').removeClass('disabled')
+    $('#balInput').attr('placeholder', 'CrI3+Cl2+KOH=K2CrO4+KIO4+KCl+H2O')
+    $('#balBtn').attr('href', '/chem?CrI3+Cl2+KOH=K2CrO4+KIO4+KCl+H2O')
+    $('#balBtn').removeClass('disabled')
+    mode = 'bal'
+    input()
+}
+function setWeigh() {
+    $('#balBtn').text('相对质量')
+    $('#balShare').addClass('disabled')
+    $('#balInput').attr('placeholder', 'CH3CHO+2Ag(NH3)2OH=CH3COONH4+2Ag+3NH3+H2O')
+    $('#balBtn').attr('href', '')
+    $('#balBtn').addClass('disabled')
+    mode = 'weigh'
+    input()
+}
+function setWeigh2() {
+    $('#balBtn').text('相对质量*')
+    $('#balShare').addClass('disabled')
+    $('#balInput').attr('placeholder', 'CH3CHO+2Ag(NH3)2OH=CH3COONH4+2Ag+3NH3+H2O')
+    $('#balBtn').attr('href', '')
+    $('#balBtn').addClass('disabled')
+    mode = 'weigh2'
+    input()
+}
+function input() {
+    inputText = balInput.value
+    if (mode == 'bal') {
+        $('#frame')[0].innerHTML = '\\(' + renderEquation((inputText == '') ? 'CrI3+Cl2+KOH=K2CrO4+KIO4+KCl+H2O' : inputText) + '\\)<br>'
+            + '<span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span><br>' + ((balText != '') ? ('\\(' + renderEquation(balText) + '\\)') : ('...'));
+        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) + '\\)';
+        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) + '\\)';
+        MathJax.typeset()
+    }
+}
+var running;
+function balance() {
+    if (running) return;
+    $('#balBtn').text('配平...')
+    $('#balBtn').addClass('disabled')
+    running = 1;
+    $.get('/chem?' + ((inputText == '') ? 'CrI3+Cl2+KOH=K2CrO4+KIO4+KCl+H2O' : inputText), function (e) {
+        $('#frame')[0].innerHTML = (e.charAt(0) == '!') ? ('<pre class="text-danger bg-danger">' + e.slice(1, e.length) + '</pre>') : ('\\(' + renderEquation((inputText == '') ? 'CrI3+Cl2+KOH=K2CrO4+KIO4+KCl+H2O' : inputText)
+            + '\\)<br><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span><br>' + '\\(' + renderEquation(e) + '\\)');
+        if (e.charAt(0) != '!') balText = e
+        MathJax.typeset()
+        $('#balBtn').text('配平')
+        $('#balBtn').removeClass('disabled')
+        running = 0;
+    })
+}
+function balUp() {
+    $('#balInput').val(balText);
+    input()
+}