Browse Source

chem pre-remove iframe

schtonn 2 years ago
parent
commit
3f3da844ca
2 changed files with 123 additions and 16 deletions
  1. 122 16
      chem/index.html
  2. 1 0
      chem/ist/index.html

+ 122 - 16
chem/index.html

@@ -12,12 +12,21 @@
 &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
     <title>化学</title>
     <style>
+        .well{
+            padding: 4px;
+            padding-left: 8px
+        }
         iframe,
         .well {
             border: 1px solid rgb(173, 173, 173);
+            background-color: #f5f5f5;
+            font-size: 16px;
             margin-top: 5px;
+            min-height: 160px;
             border-radius: 5px;
             width: 100%;
+            overflow-x: auto;
+            overflow-y: auto;
         }
     </style>
     <script id="MathJax-script" src="https://cdn.bootcss.com/mathjax/3.0.5/es5/tex-mml-chtml.js"></script>
@@ -32,6 +41,24 @@
             '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 = {}
 
@@ -48,7 +75,7 @@
         }
 
         function workMolecule(str, st) {
-            console.log(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)
@@ -71,19 +98,19 @@
                     }
                 }
                 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)
+            // console.log('ans', ans)
             return ans;
         }
 
         function parseMolecule(str) {
-            str = str.replace(/[\[{]/g, "(").replace(/[\]}]/g, ")");
-            console.log('Parsing molecule', 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);
@@ -92,7 +119,6 @@
                 if (top < 0) return {}
             }
             if (top != 0) return {};
-            console.log(bracket)
             var g = getco(str)
             if (g[0]) co = g[0]
             var f = workMolecule(g[1], g[2])
@@ -102,12 +128,70 @@
             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
         $().ready(function () {
             balInput = $("#balInput")[0]
             setBal();
             $("#balInput").keydown(function (e) {
-                if (e.keyCode == 13) {
+                if (e.keyCode == 13 && mode == 'bal') {
                     $("#balBtn")[0].click();
                 }
             });
@@ -120,21 +204,40 @@
             $('#balBtn').removeClass('disabled')
             $('#balFrame').show();
             $('#otherFrame').hide();
-            mode='bal'
+            mode = 'bal'
+            input()
         }
         function setWeigh() {
             $('#balBtn').text('相对质量')
-            $('#balInput').attr('placeholder', 'Fe2(SO4)3')
+            $('#balInput').attr('placeholder', 'CH3CHO+2Ag(NH3)2OH=CH3COONH4+2Ag+3NH3+H2O')
             $('#balBtn').attr('href', '')
             $('#balBtn').addClass('disabled')
             $('#balFrame').hide();
             $('#otherFrame').show();
-            mode='weigh'
+            mode = 'weigh'
+            input()
+        }
+        function setWeigh2() {
+            $('#balBtn').text('相对质量*')
+            $('#balInput').attr('placeholder', 'CH3CHO+2Ag(NH3)2OH=CH3COONH4+2Ag+3NH3+H2O')
+            $('#balBtn').attr('href', '')
+            $('#balBtn').addClass('disabled')
+            $('#balFrame').hide();
+            $('#otherFrame').show();
+            mode = 'weigh2'
+            input()
         }
         function input() {
-            if (mode == 'bal') $('#balBtn').attr('href', '/chem?' + ((balInput.value == '') ? 'CrI3+Cl2+KOH=K2CrO4+KIO4+KCl+H2O' : balInput.value))
+            if (mode == 'bal') {
+                $('#balBtn').attr('href', '/chem?' + ((balInput.value == '') ? 'CrI3+Cl2+KOH=K2CrO4+KIO4+KCl+H2O' : balInput.value))
+                $('#balBtn2').attr('href', '/chem?' + ((balInput.value == '') ? 'CrI3+Cl2+KOH=K2CrO4+KIO4+KCl+H2O' : balInput.value))
+            }
             else if (mode == 'weigh') {
-
+                $('#otherFrame')[0].innerHTML = '\\(' + renderEquation((balInput.value == '') ? 'CH3CHO+2Ag(NH3)2OH=CH3COONH4+2Ag+3NH3+H2O' : balInput.value) + '\\)<br>\\(' + weighEquation((balInput.value == '') ? '2CrI3+27Cl2+64KOH=2K2CrO4+6KIO4+54KCl+32H2O' : balInput.value) + '\\)';
+                MathJax.typeset()
+            } else if (mode == 'weigh2') {
+                $('#otherFrame')[0].innerHTML = '\\(' + renderEquation((balInput.value == '') ? 'CH3CHO+2Ag(NH3)2OH=CH3COONH4+2Ag+3NH3+H2O' : balInput.value) + '\\)<br>\\(' + weighEquation((balInput.value == '') ? '2CrI3+27Cl2+64KOH=2K2CrO4+6KIO4+54KCl+32H2O' : balInput.value, 1) + '\\)';
+                MathJax.typeset()
             }
         }
     </script>
@@ -153,12 +256,16 @@
                         <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="#">其他</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>
+                        <li><a href="#" data-toggle="tooltip" data-placement="left" title="将会对所有人可见">发送到数据库</a></li>
                     </ul>
                 </span>
             </div>
@@ -166,7 +273,6 @@
                 <iframe name="balFrame" id="balFrame"></iframe>
             </div>
             <div class="well" id="otherFrame">
-                \(\text{Fe}_{2}(\text{S}\text{O}_{4})_{3}\)
             </div>
         </div>
     </div>

+ 1 - 0
chem/ist/index.html

@@ -0,0 +1 @@
+请在网址栏输入化学式,如chemist?H2O=H2+O2