';
- $(mountId+'-ind').addEventListener('change', function(e){ ind=e.target.value; m._built=0; render(); });
- if (withAcidPick) $(mountId+'-acid').addEventListener('change', function(e){ acid=+e.target.value; m._built=0; render(); });
+ if (W.Chem7Anim) anim = W.Chem7Anim.colorBlock($(mountId+'-drop'), col.neutral[0], col.acid[0], ind + ' в кислоте → ' + col.acid[1], 900);
+ $(mountId+'-ind').addEventListener('change', function(e){ ind=e.target.value; render(); });
+ if (withAcidPick) $(mountId+'-acid').addEventListener('change', function(e){ acid=+e.target.value; render(); });
}
render();
}
@@ -87,21 +97,26 @@
var ROW = ['K','Ca','Na','Mg','Al','Zn','Fe','Ni','Sn','Pb','H','Cu','Hg','Ag','Pt','Au'];
function mount_p21() {
var m = $('p21-act'); if (!m || m._built) return; m._built = 1;
- var hIdx = ROW.indexOf('H');
+ var hIdx = ROW.indexOf('H'), anim = null;
+ function stopAnim(){ if(anim){anim.stop();anim=null;} }
m.innerHTML = '
'
+ ROW.map(function(el,i){ var isH=el==='H'; return ''; }).join('') + '
'
- + '
Слева активность убывает вправо. Граница — водород H₂.
'
+ + '
Слева активность убывает вправо. Граница — водород H₂. Кликни металл — «опусти» его в кислоту.
'
+ + ''
+ '
Кликни по металлу — узнаешь, вытесняет ли он водород из кислоты.
';
var out = $('p21-act-out');
m.querySelectorAll('.act-cell').forEach(function(b){
b.addEventListener('click', function(){
- var i=+b.dataset.i, el=ROW[i]; if(el==='H'){ out.className='out'; out.innerHTML='Водород H₂ — граница ряда активности.'; return; }
+ var i=+b.dataset.i, el=ROW[i], tube=$('p21-tube'); stopAnim();
+ if(el==='H'){ out.className='out'; out.innerHTML='Водород H₂ — граница ряда активности.'; if(tube)tube.innerHTML=''; return; }
out.className='out ok';
if(iВнимание: очень активный металл — с кислотами реагирует бурно (для получения водорода используют Zn, Fe).' : '';
out.innerHTML = ''+el+' стоит левее H₂ → вытесняет водород из соляной и серной кислот: образуются соль и $H_2\\uparrow$.'+extra;
+ if (tube && W.Chem7Anim) anim = W.Chem7Anim.bubbleField(tube, { color:'rgba(255,255,255,.85)', h:96 });
} else {
out.innerHTML = ''+el+' стоит правее H₂ → водород из кислот не вытесняет (например, медь и серебро с этими кислотами не реагируют).';
+ if (tube) tube.innerHTML = '