Виджет для нахождения площади треугольника онлайн

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

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

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

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

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

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

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

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

<center><form action="http://mathonline.um-razum.ru/widgets/re/re/redirector.php" method="post" target="_blank">
<table style="border:0px;width:400px" cellspacing="0" cellpadding="0">
<tr><td>
<div style="border:1px solid #0459c6;width:400px;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/nahozhdenie-ploshhadi-treugolnika.html" 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:400px;padding:5px;background-color:#ffffff">
<script>function ChVisible(){var x=document.getElementById("xts-0987-0");var y=document.getElementById("xts-0987-1");var z=document.getElementById("xts-0987-2");if (document.getElementById("xts-0987").value=="ah") {x.style.display="block";y.style.display="none";z.style.display="none";}if (document.getElementById("xts-0987").value=="abgamma") {x.style.display="none";y.style.display="block";z.style.display="none";}if (document.getElementById("xts-0987").value=="abc") {x.style.display="none";y.style.display="none";z.style.display="block";}}</script><center><span style="font-family:Verdana;font-size:12px;">Выберите известные величины: <select id="xts-0987" name="selSTreug" onChange="javascript:ChVisible()" style="width:160px;font-family:Verdana;font-size:12px;border:1px solid #cccccc;"><option value="ah">основание и высота</option><option value="abgamma">две стороны и угол между ними</option><option value="abc">все три стороны</option></select></center><div id="xts-0987-0"><table style="font-family:Verdana;font-size:12px;border:0px" align="center"><tr><td colspan="7" style="text-align:center">Введите основание и высоту треугольника <i>A</i><i>B</i><i>С</i>:</td></tr><tr><td style="padding:5px;text-align:right"><i>основание</i> = </td><td style="padding:5px;text-align:left" colspan="2"><input type="text" name="aSTreug1" style="width:40px;border:1px solid #cccccc;font-family:Verdana"></td><td style="padding:5px;text-align:right"><i>высота</i> = </td><td style="padding:5px;text-align:left" colspan="2"><input type="text" name="hSTreug1" style="width:40px;border:1px solid #cccccc;font-family:Verdana"></td></tr><tr><td colspan="9" style="text-align:center">Найти площадь Δ <i>АВC</i>   <input type="submit" value=">>" style="border:1px solid #cccccc;background-color:#eeeeee"></td></tr></table></div><div id="xts-0987-1" style="display:none"><table style="font-family:Verdana;font-size:12px;border:0px" align="center"><tr><td colspan="9" style="text-align:center">Введите стороны и угол между ними:</td></tr><tr><td style="padding:5px;text-align:right"><i>AB</i> = </td><td style="padding:5px;text-align:left" colspan="2"><input type="text" name="aSTreug2" style="width:40px;border:1px solid #cccccc;font-family:Verdana"></td><td style="padding:5px;text-align:right"><i>AC</i> = </td><td style="padding:5px;text-align:left" colspan="2"><input type="text" name="bSTreug2" style="width:40px;border:1px solid #cccccc;font-family:Verdana"></td><td style="padding:5px;text-align:right"><i>∠ A</i> = </td><td style="padding:5px;text-align:left" colspan="2"><input type="text" name="angSTreug2" style="width:40px;border:1px solid #cccccc;font-family:Verdana"></td></tr><tr><td colspan="9" style="text-align:center">Найти площадь Δ <i>АВC</i>   <input type="submit" value=">>" style="border:1px solid #cccccc;background-color:#eeeeee"></td></tr></table></div><div id="xts-0987-2" style="display:none"><table style="font-family:Verdana;font-size:12px;border:0px" align="center"><tr><td colspan="9" style="text-align:center">Введите стороны треугольника <i>A</i><i>B</i><i>С</i>:</td></tr><tr><td style="padding:5px;text-align:right"><i>AB</i> = </td><td style="padding:5px;text-align:left" colspan="2"><input type="text" name="aSTreug3" style="width:40px;border:1px solid #cccccc;font-family:Verdana"></td><td style="padding:5px;text-align:right"><i>BC</i> = </td><td style="padding:5px;text-align:left" colspan="2"><input type="text" name="bSTreug3" style="width:40px;border:1px solid #cccccc;font-family:Verdana"></td><td style="padding:5px;text-align:right"><i>AC</i> = </td><td style="padding:5px;text-align:left" colspan="2"><input type="text" name="cSTreug3" style="width:40px;border:1px solid #cccccc;font-family:Verdana"></td></tr><tr><td colspan="9" style="text-align:center">Найти площадь Δ <i>АВC</i>   <input type="submit" value=">>" style="border:1px solid #cccccc;background-color:#eeeeee"></td></tr></table></div></div>
</td></tr>
<tr>
<td>
<div style="border:1px solid #0459c6;width:400px;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/nahozhdenie-ploshhadi-treugolnika.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>