Виджет для решения треугольников по теореме синусов и по теореме косинусов онлайн

Главная » Галерея виджетов » Решение треугольников » Решение треугольников онлайн

Предварительный просмотр виджета

Внимание! При установке виджета "Решение треугольников онлайн" на сайт
ни в коем случае НЕ меняйте исходный код. Иначе Вы рискуете тем, что в один прекрасный момент виджет "Решение треугольников онлайн" на Вашем сайте перестанет работать. Спасибо за понимание.

↓↓↓ Поделиться ссылочкой на эту страницу ↓↓↓

Настройки виджета

1. Ширина виджета: px.

2. Цвет виджета:

3. HTML-код виджета
(скопируйте себе на сайт):

<center><form action="http://mathonline.um-razum.ru/reshenie-treugolnikov/reshenie-treugolnikov-po-teoreme-sinusov-i-po-teoreme-kosinusov.html#top" method="post" target="_blank">
<table style="border:0px;width:550px" cellspacing="0" cellpadding="0">
<tr><td>
<div style="border:1px solid #0459c6;width:550px;padding:5px;border-bottom:0px;font-family:Verdana;font-size:12px;background-color:#0459c6;font-weight:bold;color:#fff;text-align:left">
<a href="http://mathonline.um-razum.ru/reshenie-treugolnikov/reshenie-treugolnikov-po-teoreme-sinusov-i-po-teoreme-kosinusov.html#top" style="color:inherit;text-decoration:none;cursor:default;margin-left:4px" target="_blank">Решить треугольник онлайн</a></div>
</td></tr>
<tr><td>
<div style="border:1px solid #0459c6;border-bottom:1px solid #dddddd;width:550px;padding:5px;background-color:#ffffff">
<script type="text/javascript">function OnChangeCheckABBCAC(){	stor_cnt=0; comm_cnt=0; ang_cnt=0;	if (document.getElementById("AB").checked) {stor_cnt++; comm_cnt++;}	if (document.getElementById("BC").checked) {stor_cnt++; comm_cnt++;}	if (document.getElementById("AC").checked) {stor_cnt++; comm_cnt++;}	if (document.getElementById("angA").checked) {ang_cnt++; comm_cnt++;}	if (document.getElementById("angB").checked) {ang_cnt++; comm_cnt++;}	if (document.getElementById("angC").checked) {ang_cnt++; comm_cnt++;}	if (comm_cnt==3){		if (!document.getElementById("AB").checked) {document.getElementById("AB").disabled=true; document.getElementById("spanAB").style.color="aaaaaa";}		if (!document.getElementById("BC").checked) {document.getElementById("BC").disabled=true; document.getElementById("spanBC").style.color="aaaaaa";}		if (!document.getElementById("AC").checked) {document.getElementById("AC").disabled=true; document.getElementById("spanAC").style.color="aaaaaa";}		if (!document.getElementById("angA").checked) {document.getElementById("angA").disabled=true; document.getElementById("spanUgolA").style.color="aaaaaa";}		if (!document.getElementById("angB").checked) {document.getElementById("angB").disabled=true; document.getElementById("spanUgolB").style.color="aaaaaa";}		if (!document.getElementById("angC").checked) {document.getElementById("angC").disabled=true; document.getElementById("spanUgolC").style.color="aaaaaa";}		document.getElementById("subm1").disabled=false;	}	else if (comm_cnt<3){		document.getElementById("AB").disabled=false; document.getElementById("spanAB").style.color="444444";		document.getElementById("BC").disabled=false; document.getElementById("spanBC").style.color="444444";		document.getElementById("AC").disabled=false; document.getElementById("spanAC").style.color="444444";		document.getElementById("angA").disabled=false; document.getElementById("spanUgolA").style.color="444444";		document.getElementById("angB").disabled=false; document.getElementById("spanUgolB").style.color="444444";		document.getElementById("angC").disabled=false; document.getElementById("spanUgolC").style.color="444444";		document.getElementById("subm1").disabled="disabled";		if (ang_cnt==2){			if (!document.getElementById("angA").checked) {document.getElementById("angA").disabled=true; document.getElementById("spanUgolA").style.color="aaaaaa";}			if (!document.getElementById("angB").checked) {document.getElementById("angB").disabled=true; document.getElementById("spanUgolB").style.color="aaaaaa";}			if (!document.getElementById("angC").checked) {document.getElementById("angC").disabled=true; document.getElementById("spanUgolC").style.color="aaaaaa";}				}		else if (ang_cnt<2){			document.getElementById("angA").disabled=false; document.getElementById("spanUgolA").style.color="444444";			document.getElementById("angB").disabled=false; document.getElementById("spanUgolB").style.color="444444";			document.getElementById("angC").disabled=false; document.getElementById("spanUgolC").style.color="444444";		}	}}function OnChangeCheckabc(){	stor_cnt=0; comm_cnt=0; ang_cnt=0;	if (document.getElementById("a").checked) {stor_cnt++; comm_cnt++;}	if (document.getElementById("b").checked) {stor_cnt++; comm_cnt++;}	if (document.getElementById("c").checked) {stor_cnt++; comm_cnt++;}	if (document.getElementById("beta").checked) {ang_cnt++; comm_cnt++;}	if (document.getElementById("gamma").checked) {ang_cnt++; comm_cnt++;}	if (document.getElementById("alpha").checked) {ang_cnt++; comm_cnt++;}	if (comm_cnt==3){		if (!document.getElementById("a").checked) {document.getElementById("a").disabled=true; document.getElementById("spana").style.color="aaaaaa";}		if (!document.getElementById("b").checked) {document.getElementById("b").disabled=true; document.getElementById("spanb").style.color="aaaaaa";}		if (!document.getElementById("c").checked) {document.getElementById("c").disabled=true; document.getElementById("spanc").style.color="aaaaaa";}		if (!document.getElementById("beta").checked) {document.getElementById("beta").disabled=true;   document.getElementById("spanbeta").style.color="aaaaaa";}		if (!document.getElementById("gamma").checked) {document.getElementById("gamma").disabled=true; document.getElementById("spangamma").style.color="aaaaaa";}		if (!document.getElementById("alpha").checked) {document.getElementById("alpha").disabled=true; document.getElementById("spanalpha").style.color="aaaaaa";}		document.getElementById("subm2").disabled=false;	}	else if (comm_cnt<3){		document.getElementById("a").disabled=false; document.getElementById("spana").style.color="444444";		document.getElementById("b").disabled=false; document.getElementById("spanb").style.color="444444";		document.getElementById("c").disabled=false; document.getElementById("spanc").style.color="444444";		document.getElementById("beta").disabled=false;  document.getElementById("spanbeta").style.color="444444";		document.getElementById("gamma").disabled=false; document.getElementById("spangamma").style.color="444444";		document.getElementById("alpha").disabled=false; document.getElementById("spanalpha").style.color="444444";		if (ang_cnt==2){			if (!document.getElementById("beta").checked)  {document.getElementById("beta").disabled=true;   document.getElementById("spanbeta").style.color="aaaaaa";}			if (!document.getElementById("gamma").checked) {document.getElementById("gamma").disabled=true;  document.getElementById("spangamma").style.color="aaaaaa";}			if (!document.getElementById("alpha").checked) {document.getElementById("alpha").disabled=true;	 document.getElementById("spanalpha").style.color="aaaaaa";}			}		else if (ang_cnt<2){			document.getElementById("beta").disabled=false;   document.getElementById("spanbeta").style.color="444444";			document.getElementById("gamma").disabled=false;  document.getElementById("spangamma").style.color="444444";			document.getElementById("alpha").disabled=false;  document.getElementById("spanalpha").style.color="444444";		}		document.getElementById("subm2").disabled=true;	}}</script><div id="divh0" ><center><table style="width:500px;font-family:Verdana;font-size:12px;" border=0>	<tr>		<td rowspan=3 valign="middle" width="150" align="center"><img src="http://um-razum.ru/widgets/treug_ABBCAC_widget.png" /></td>		<td colspan=3 align="center" style="color:#444444" height=30><b>Отметьте, что известно в треугольнике*</b></td></tr>	<tr>		<td valign="middle" style="text-align:center" height=30><input type="checkbox" name="AB" id="AB" value=1 onChange="OnChangeCheckABBCAC()" ><span id="spanAB" style="color:#444444">Сторона <i>AB</i></span></td>		<td valign="middle" height=30 style="text-align:center"><input type="checkbox" name="BC" id="BC" value=1 onChange="OnChangeCheckABBCAC()" ><span id="spanBC" style="color:#444444">Сторона <i>BC</i></span></td>		<td valign="middle" height=30 style="text-align:center"><input type="checkbox" name="AC" id="AC" value=1 onChange="OnChangeCheckABBCAC()" ><span id="spanAC" style="color:#444444">Сторона <i>AC</i></span></td>	</tr>	<tr>		<td valign="middle" height=30 style="text-align:center"><input type="checkbox" name="angA" id="angA" value=1 onChange="OnChangeCheckABBCAC()" ><span id="spanUgolA" style="color:#444444">Угол <i>A</i></span></td>		<td valign="middle" height=30 style="text-align:center"><input type="checkbox" name="angB" id="angB" value=1 onChange="OnChangeCheckABBCAC()" ><span id="spanUgolB" style="color:#444444">Угол <i>B</i></span></td>		<td valign="middle" height=30 style="text-align:center"><input type="checkbox" name="angC" id="angC" value=1 onChange="OnChangeCheckABBCAC()" ><span id="spanUgolC" style="color:#444444">Угол <i>C</i></span></td>	</tr>	</table>	<input type="hidden" name="treug" value="ABBCAC">	<span style="color:#444444;font-family:Arial;font-size:12px">* 1) для получения решения отметьте <b>ровно три</b> флажка;<br />	2) известных углов можно выбрать <b>максимум два</b></span>.<br />	<span style="color:#444444;font-family:Verdana;font-size:12px">Найти неизвестные элементы треугольника</span> <input type="submit" value=">>" id="subm1" disabled="disabled"></center></div></div>
</td></tr>
<tr>
<td>
<div style="border:1px solid #0459c6;width:550px;padding:5px;border-top:0px;font-family:Verdana;font-size:10px;background-color:#f8f8f8;height:13px">
<div style="float:left"><a href="http://mathonline.um-razum.ru/widgets/reshenie-treugolnikov/reshenie-treugolnikov-po-teoreme-sinusov-i-po-teoreme-kosinusov.html" style="color:#000; text-decoration:none" target="_blank">Установить такой виджет себе на сайт</a></div>
<div style="float:right">© <a href="http://mathonline.um-razum.ru" style="color:#000; text-decoration:none" target="_blank">MathOnline.um-razum.ru</a></div>
</div>
</td>
</tr>
</table>
</form></center>