|
@@ -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> 返回</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>
|