Javascript-форум - Срочно! Нужна помощь по увеличению обьекта.

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Срочно! Нужна помощь по увеличению обьекта. (https://javascript.ru/forum/dom-window/60874-srochno-nuzhna-pomoshh-po-uvelicheniyu-obekta.html)

Срочно! Нужна помощь по увеличению обьекта.

Здравствуйте! Есть конус. Вот его исходный код на css

position: absolute;
  top:940px;
  left:450px;
 -webkit-transform: rotate(-90deg);
  width: 0;
  height: 0;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  border-top: 100px solid red;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;

Этот конус привязан к функции расчёта JavaScript.

function Calc(){ 
	var a1 = document.getElementById("a1").value; //сохраняем в переменные значения полей формы
	var a2 = document.getElementById("a2").value;
	var a3 = document.getElementById("a3").value;
	var a4 = document.getElementById("a4").value;
	var a5 = document.getElementById("a5").value;
	var a6 = document.getElementById("a6").value;
	var a7 = document.getElementById("a7").value;
	var a8 = document.getElementById("a8").value;
	var a9 = document.getElementById("a9").value;
	var a10 = document.getElementById("a10").value;
	var a11 = document.getElementById("a11").value;
	var a12 = document.getElementById("a12").value;
	var a13 = document.getElementById("a13").value;
	var a14 = document.getElementById("a14").value;
	result = (a1 * a2 * a3 * Math.pow(a4,2) * a5 * a6 * Math.pow(a7,2) * a8) / (a9 * a10 * Math.pow(a11,2) * a12 * a13 * Math.pow(a14,2)); //считаем результат согласно формуле. 
	//Math.pow возводит переменную в степень 2
	document.getElementById("result").innerHTML = '<h1>Jogaby: <b>' + result + '</b></h1>'; //внутрь <div id="result"> выводим результат вычислений

        var getCircle = document.querySelectorAll('.cone');
        for(var i=0; i<getCircle.length; i++) {
        getCircle[i].style.cssText = 'width:'+result+'px;height:'+result+'px';

}

	  }

Всё считает прекрасно. всё работает, только одно но.... после расчёта форма конуса меняется. Можно ли сделать так чтобы конус оставался в прежней форме...а не превращался в другую фигуру.

Rustam97,
делали бы полноценный пример с html

Цитата:

Сообщение от рони (Сообщение 404890)

Rustam97,
делали бы полноценный пример с html

Хорошо вот

<!DOCTYPE html>
<html>
<head>
<link rel="ICON" href="css/images/favicon.ico" type="image/ico" />	
<meta charset="utf-8" /><title>Reb</title>
<script type="text/javascript" src="script.js"></script>
</head>
<body align="center"> 
<form id="form" name="form">
<link href="css/style.css" rel="stylesheet" type="text/css" />
<h1 align="center">Radiopäsgelçilik koefisientiniň netijeleigini hasaplaýan</h1>
<h1 align="center" id="header">PROGRAMMA</h1>
<hr>
<h2 align="center" color="blue">Päsgelçilik berýän stansiýanyň häsiýetnamasy </h2>
<table border="3" width="540" cellpadding="2" cellspacing="2" align="center">
<tr align="center"><th>Päsgelçilik stansiýanyň kuwwaty<i>(Рпп)</i></th><th>päsgelçilik stansiýanyň iberijisiniň antennasynyň ugrukdyrma diagrammasy(Gпп)</th>
<th>Диограмма направленности антенного приёмника в направлении помех <i>(Gпрп)</i></th><th>Aragatnaşyk uzaklygy (Dc2)</th>
<th>Ширина полосы приёмника <i>(оfпр)</i></th><th>Коэфицент поляризации (Y)</th><th>Частота помех  (Fп2)</th></tr>
<tr align="center"><td><input id="a1" type="number" value=1 /></td><td><input id="a2" type="number" value=1 /></td>
<td><input id="a3" type="number" value=1 /></td><td><input id="a4" type="number" value=1 /></td><td><input id="a5" type="number" value=1 /></td>
<td><input id="a6" type="number" value=1 /></td><td><input id="a7" type="number" value=1 /></td></tr>
</table> 
<input id="a8" type="number" value=1 />
<br/>
<h2 align="center">Diapazonda işleýän radioulgamyň(radiougurlaryň) häsiýetnamasy</h2>
<table border="3" width="650" cellpadding="2" cellspacing="2" align="center"> 
<th>Ширина полосы помехого сигнала <i>(оfпр)</th><th>Чистота свзяи (Fс2)</th>
<tr align="center"><tr align="center"><td><input id="a9" type="number" value=1 /></td> <td><input id="a10" type="number" value=1 /></td> 
<td><input id="a11" type="number" value=1 /></td> <td><input id="a12" type="number" value=1 /></td> <td><input id="a13" type="number" value=1 /></td>
<td><input id="a14" type="number" value=1 /></td>
</table>
</form>
<br>
<input type="button" value="Рассчитать" onClick="Calc()" /><br><br> 
<div id="result"></div>
<img align="center"  src="bg.png" alt="Paskelcilik zolagy" class="hero" id="mode"/>
<hr>
<style>
.cone {
  position: absolute;
  top:940px;
  left:450px;
 -webkit-transform: rotate(-90deg);
  width: 0;
  height: 0;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  border-top: 100px solid red;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
</style>
<div class="cone"></div>
<div class="circle"></div>
</script>
</body>
</html>

Цитата:

Сообщение от рони (Сообщение 404890)

Rustam97,
делали бы полноценный пример с html

Тут есть всё что нужно....помоги пожалуйста нужно сёдня закончить.

Rustam97,
какие параметры должны поменяться у фигуры если нажать Рассчитать , выдаёт 1, явно не ширина и высота -- они у вас изначально 0?

Пожалуйста сохраните себе все эти файлы и откройте в бразуере и увидите маленькую программу. Жалко тут нельзя вставлять фото показал бы, введите в любом свободном поле цифру например 400...и вы увидите что конус увеличивается и теряет свою фигуру. Становится луной. Мой вопрос можно ли его сделать так как в радаре тоесть увеличивается только его боковая часть.

Rustam97,
что у конуса должно менятся?

Цитата:

Сообщение от рони (Сообщение 404896)

Rustam97,
что у конуса должно менятся?

Вы сохранили документы к себе.

Rustam97,
вы можите сделать конус хотябы при каком то значении (игра в испорченный телефон) css нужен!!!
играйтесь сами с коэфициентами в строке 49, одному вам известно что должно получится

<!DOCTYPE html>

<html>
<head>
  <link rel="ICON" href="css/images/favicon.ico" type="image/ico">
  <meta charset="utf-8">
  <title>Reb</title>
 <style>
.cone {
  position: absolute;
  top:940px;
  left:450px;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  width: 0;
  height: 0;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  border-top: 100px solid red;
  border-radius: 50%;

  }
  </style>
  <script>
function Calc(){
    var a1 = document.getElementById("a1").value; //сохраняем в переменные значения полей формы
    var a2 = document.getElementById("a2").value;
    var a3 = document.getElementById("a3").value;
    var a4 = document.getElementById("a4").value;
    var a5 = document.getElementById("a5").value;
    var a6 = document.getElementById("a6").value;
    var a7 = document.getElementById("a7").value;
    var a8 = document.getElementById("a8").value;
    var a9 = document.getElementById("a9").value;
    var a10 = document.getElementById("a10").value;
    var a11 = document.getElementById("a11").value;
    var a12 = document.getElementById("a12").value;
    var a13 = document.getElementById("a13").value;
    var a14 = document.getElementById("a14").value;
    result = (a1 * a2 * a3 * Math.pow(a4,2) * a5 * a6 * Math.pow(a7,2) * a8) / (a9 * a10 * Math.pow(a11,2) * a12 * a13 * Math.pow(a14,2)); //считаем результат согласно формуле.
    //Math.pow возводит переменную в степень 2
    document.getElementById("result").innerHTML = '<h1>Jogaby: <b>' + result + '<\/b><\/h1>'; //внутрь <div id="result"> выводим результат вычислений

        var getCircle = document.querySelectorAll('.cone');
        for(var i=0; i<getCircle.length; i++) {
       // getCircle[i].style.cssText = 'border-left-width:'+result*70 +'px;border-right-width:'+result*70 +'px;border-top-width:'+result*150 +'px;';
      getCircle[i].style.cssText = 'border-top-width:'+100/result +'px;';
  }

      }
  </script>
</head>

<body align="center">
  <form id="form" name="form">
    <link href="css/style.css" rel="stylesheet" type="text/css">

    <h1 align="center">Radiopäsgelçilik koefisientiniň netijeleigini hasaplaýan</h1>

    <h1 align="center" id="header">PROGRAMMA</h1>
    <hr>

    <h2 align="center" color="blue">Päsgelçilik berýän stansiýanyň häsiýetnamasy</h2>

    <table border="3" width="540" cellpadding="2" cellspacing="2" align="center">
      <tr align="center">
        <th>Päsgelçilik stansiýanyň kuwwaty<em>(Рпп)</em></th>

        <th>päsgelçilik stansiýanyň iberijisiniň antennasynyň ugrukdyrma
        diagrammasy(Gпп)</th>

        <th>Диограмма направленности антенного приёмника
        в направлении помех <em>(Gпрп)</em></th>

        <th>Aragatnaşyk uzaklygy (Dc2)</th>

        <th>Ширина полосы приёмника <em>(оfпр)</em></th>

        <th>Коэфицент поляризации (Y)</th>

        <th>Частота помех (Fп2)</th>
      </tr>

      <tr align="center">
        <td><input id="a1" type="number" value="1"></td>

        <td><input id="a2" type="number" value="1"></td>

        <td><input id="a3" type="number" value="1"></td>

        <td><input id="a4" type="number" value="1"></td>

        <td><input id="a5" type="number" value="1"></td>

        <td><input id="a6" type="number" value="1"></td>

        <td><input id="a7" type="number" value="1"></td>
      </tr>
    </table><input id="a8" type="number" value="1"><br>

    <h2 align="center">Diapazonda işleýän radioulgamyň(radiougurlaryň) häsiýetnamasy</h2>

    <table border="3" width="650" cellpadding="2" cellspacing="2" align="center">
      <tr>
        <th>Ширина полосы помехого сигнала <em>(оfпр)</em></th>

        <th>Чистота свзяи (Fс2)</th>
      </tr>

      <tr align="center">
        <td></td>
      </tr>

      <tr align="center">
        <td><input id="a9" type="number" value="1"></td>

        <td><input id="a10" type="number" value="1"></td>

        <td><input id="a11" type="number" value="1"></td>

        <td><input id="a12" type="number" value="1"></td>

        <td><input id="a13" type="number" value="1"></td>

        <td><input id="a14" type="number" value="1"></td>
      </tr>
    </table>
  </form><br>

  <form>
    <input type="button" value="Рассчитать" onclick="Calc()"><br>
    <br>
  </form>

  <div id="result"></div><img align="center" src="bg.png" alt="Paskelcilik zolagy" class="hero" id=
  "mode">
  <hr>


  <div class="cone"></div>

  <div class="circle"></div>
</body>
</html>

Цитата:

Сообщение от рони (Сообщение 404896)

Rustam97,
что у конуса должно менятся?

Извените, можно последний вопрос. После получения результат меняется позиция у конуса. Там стоит position absolute но после получения результата место где стоит круг меняется.