Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #21 (permalink)  
Старый 25.01.2016, 16:23
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Rustam97,
Последняя попытка
<!DOCTYPE html>

<html>
<head>
  <link rel="ICON" href="css/images/favicon.ico" type="image/ico">
  <meta charset="utf-8">
  <title>Reb</title>
 <style>
.circle{
position:absolute;
opacity: 0.5;
top:840px;
left:600px;
border-radius: 100%;
background: red;
width: 100px;
height: 100px;
margin-right: 115px;
}
  }
  </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('.circle');
        for(var i=0; i<getCircle.length; i++) {
      getCircle[i].style.cssText = 'top:' + (890 - 50 / result) + 'px; left:' + (650 - 50 / result) + 'px; width:' + 100 / result + 'px; height:' + 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="circle"></div>
</body>
</html>

Центр круга имеет все время координаты 890px; 650px
Ответить с цитированием
  #22 (permalink)  
Старый 25.01.2016, 16:39
Интересующийся
Отправить личное сообщение для Rustam97 Посмотреть профиль Найти все сообщения от Rustam97
 
Регистрация: 22.01.2016
Сообщений: 22

Сообщение от Dilettante_Pro Посмотреть сообщение
Rustam97,
Последняя попытка
[HTML run height=1000]<!DOCTYPE html>


Центр круга имеет все время координаты 890px; 650px
Но он же не показывает круг если результат 20 и больше круг просто исчезает...(
Ответить с цитированием
  #23 (permalink)  
Старый 25.01.2016, 17:01
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Сообщение от Rustam97 Посмотреть сообщение
Но он же не показывает круг если результат 20 и больше круг просто исчезает...(
Я предупреждал, что это последняя попытка - и вот опять... Исчезает - а что вы хотите? Если у вас диаметр круга, определяемый размером div:
width = 100 / result; height = 100 / result, то, чем больше результат, тем меньше круг - до исчезающе малого....
Ответить с цитированием
  #24 (permalink)  
Старый 25.01.2016, 17:15
Интересующийся
Отправить личное сообщение для Rustam97 Посмотреть профиль Найти все сообщения от Rustam97
 
Регистрация: 22.01.2016
Сообщений: 22

Сообщение от Dilettante_Pro Посмотреть сообщение
Я предупреждал, что это последняя попытка - и вот опять... Исчезает - а что вы хотите? Если у вас диаметр круга, определяемый размером div:
width = 100 / result; height = 100 / result, то, чем больше результат, тем меньше круг - до исчезающе малого....

А если убрать определённый размер div: сделать его 0...То после этого полученный резултат надеюсь не будет уменьшать круг?
Ответить с цитированием
  #25 (permalink)  
Старый 25.01.2016, 17:24
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Rustam97,
Сообщение от Rustam97
А если убрать определённый размер div: сделать его 0...То после этого полученный резултат надеюсь не будет уменьшать круг?
Уменьшать не будет - круг все время будет диаметром 0, независимо от результата
Ответить с цитированием
  #26 (permalink)  
Старый 25.01.2016, 17:25
Интересующийся
Отправить личное сообщение для Rustam97 Посмотреть профиль Найти все сообщения от Rustam97
 
Регистрация: 22.01.2016
Сообщений: 22

Сообщение от Dilettante_Pro Посмотреть сообщение
Rustam97,

Уменьшать не будет - круг все время будет диаметром 0, независимо от результата
А есть идеи....на этот счёт....мне бы это очень надо)
Ответить с цитированием
  #27 (permalink)  
Старый 25.01.2016, 17:27
Интересующийся
Отправить личное сообщение для Rustam97 Посмотреть профиль Найти все сообщения от Rustam97
 
Регистрация: 22.01.2016
Сообщений: 22

Сообщение от Dilettante_Pro Посмотреть сообщение
Rustam97,

Уменьшать не будет - круг все время будет диаметром 0, независимо от результата
Есть формула расчёта, есть фигура на css их привязали к друг другу только вот с отоброжением выходят неполадки...неужели его нелья к одной точке и чтобы увеличивался не он сам а только его радиус. И я буду тебе очень очень блогодарен
Ответить с цитированием
  #28 (permalink)  
Старый 25.01.2016, 17:35
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Rustam97,
Как должен меняться размер круга в зависимости о результата? Может быть, должен увеличиваться? Тогда формула должна быть
getCircle[i].style.cssText = 'top:' + (890 - result / 2) + 'px; left:' + (650 - result / 2) + 'px; width:' + result + 'px; height:' + result + 'px;';
Ответить с цитированием
  #29 (permalink)  
Старый 25.01.2016, 17:55
Интересующийся
Отправить личное сообщение для Rustam97 Посмотреть профиль Найти все сообщения от Rustam97
 
Регистрация: 22.01.2016
Сообщений: 22

Сообщение от Dilettante_Pro Посмотреть сообщение
Rustam97,
Как должен меняться размер круга в зависимости о результата? Может быть, должен увеличиваться? Тогда формула должна быть
getCircle[i].style.cssText = 'top:' + (890 - result / 2) + 'px; left:' + (650 - result / 2) + 'px; width:' + result + 'px; height:' + result + 'px;';
Да круг должен увеличиватся по радиусу по формуле...ну наверное знаеш радар моряков...вот должна быть чисто такая же фигня круг с зоной действий форму считает и в зависимости от результата круг меняет свой радиус. Можно что нибудь сделать?
Ответить с цитированием
  #30 (permalink)  
Старый 25.01.2016, 18:12
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Так у меня уже формула записана в предыдущем ответе. Подставь ее в последний вариант программы
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите нужна помощь срочно mahes1234 Общие вопросы Javascript 0 11.01.2016 23:57
Срочно нужна помощь! Пожалуйста((( Vuhrashka (X)HTML/CSS 2 25.03.2015 13:48
Срочно нужна помощь alex56 Общие вопросы Javascript 3 19.03.2015 00:54
Срочно нужна помощь kalko91 Общие вопросы Javascript 7 09.11.2011 23:23
Срочно нужна помощь Гость Общие вопросы Javascript 2 02.09.2008 14:13