25.01.2016, 10:02
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
Rustam97,
положение не меняется как были
top:940px; left:450px; так и остались но в результате трансформаций эффект сдвига, наверно надо менять несколько параметров css одновременно, короткого пути да и длинного для этого я не знаю.
|
|
25.01.2016, 11:30
|
Профессор
|
|
Регистрация: 27.11.2015
Сообщений: 2,899
|
|
Rustam97,
Сдвиг происходит из-за вращения div'а переменной высоты вокруг его центра. чтобы не было сдвига, нужно из параметра top вычитать половину результата, примерно так:
getCircle[i].style.cssText = 'top:' + (1000 - 50 / result) + 'px; border-top-width:' + 100 / result + 'px;';
|
|
25.01.2016, 13:46
|
Интересующийся
|
|
Регистрация: 22.01.2016
Сообщений: 22
|
|
Сообщение от Dilettante_Pro
|
Rustam97,
Сдвиг происходит из-за вращения div'а переменной высоты вокруг его центра. чтобы не было сдвига, нужно из параметра top вычитать половину результата, примерно так:
getCircle[i].style.cssText = 'top:' + (1000 - 50 / result) + 'px; border-top-width:' + 100 / result + 'px;';
|
А можно по конректнеее что тут изменить так чтобы он оставался в том же месте а менялся только радиус.[
var getCircle = document.querySelectorAll('.cone');
for(var i=0; i<getCircle.length; i++) {
getCircle[i].style.cssText = 'width:'+result+'px;height:'+result+'px';
|
|
25.01.2016, 14:19
|
Профессор
|
|
Регистрация: 27.11.2015
Сообщений: 2,899
|
|
<!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 = 'top:' + (1000 - 50 / result) + 'px; 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>
Я не совсем понял, что в таком варианте не подходит?
|
|
25.01.2016, 14:25
|
Интересующийся
|
|
Регистрация: 22.01.2016
Сообщений: 22
|
|
<!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>Мощьность передатчика помех <i>(Рпп)</i></th><th>Диограмма направленности антенного передатчика помех (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>
.circle{
position:absolute;
opacity: 0.5;
top:840px;
left:600px;
border-radius: 100%;
background: red;
width: 100px;
height: 100px;
margin-right: 115px;
}
</style>
<div class="circle"></div>
</script>
</body>
</html>
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 = 'width:'+result+'px;height:'+result+'px';
}
}
Тут если вы посмотрите круг стоит на фотографии...вот нужно чтобы этот круг был накрепко зафикирован там. Posotion: absolute позволяет это сделать но вот проблема. После расчёта например когда ответ получается 400 то круг перемешается. Нужно сделать так чтобы он оствался там же а вот его радиус увеличивался.
|
|
25.01.2016, 14:26
|
Интересующийся
|
|
Регистрация: 22.01.2016
Сообщений: 22
|
|
Сообщение от Dilettante_Pro
|
[HTML run height=1000]<!DOCTYPE html>
Я не совсем понял, что в таком варианте не подходит?
|
Я смог объяснить что необходимо?
|
|
25.01.2016, 15:00
|
Профессор
|
|
Регистрация: 27.11.2015
Сообщений: 2,899
|
|
Rustam97,
Вы смотрите выполнение программы в режиме Посмотреть! на этом форуме? Если да, то вы можете заметить, что никаких кругов и фотографий при работе этой программы не видно, про круг вы только сейчас разместили информацию, а ссылки типа
<img align="center" src="bg.png" alt="Paskelcilik zolagy" class="hero" id="mode"/>
здесь, естественно, не работают - поэтому я всей картины не вижу, вы уж как-нибудь попробуйте сами поиграть с параметрами позиционирования объектов с учетом сказанного ранее о необходимости компенсации положения объектов
|
|
25.01.2016, 15:11
|
Интересующийся
|
|
Регистрация: 22.01.2016
Сообщений: 22
|
|
Сообщение от Dilettante_Pro
|
Rustam97,
Вы смотрите выполнение программы в режиме Посмотреть! на этом форуме? Если да, то вы можете заметить, что никаких кругов и фотографий при работе этой программы не видно, про круг вы только сейчас разместили информацию, а ссылки типа
<img align="center" src="bg.png" alt="Paskelcilik zolagy" class="hero" id="mode"/>
здесь, естественно, не работают - поэтому я всей картины не вижу, вы уж как-нибудь попробуйте сами поиграть с параметрами позиционирования объектов с учетом сказанного ранее о необходимости компенсации положения объектов
|
А могу ли я как-то вам закинуть все данные может на почту? Был бы очень благодарен вам за помощь,это просто очень срочно, сам не могу справиться... потом скажите ваш вебмоней счёт.
|
|
25.01.2016, 15:43
|
Профессор
|
|
Регистрация: 27.11.2015
Сообщений: 2,899
|
|
Rustam97, я таки толком не могу понять, что вам нужно.
Сообщение от Rustam97
|
Тут если вы посмотрите круг стоит на фотографии...вот нужно чтобы этот круг был накрепко зафикирован там. Posotion: absolute позволяет это сделать но вот проблема. После расчёта например когда ответ получается 400 то круг перемешается. Нужно сделать так чтобы он оствался там же а вот его радиус увеличивался.
|
Раньше шла речь об изменении размеров конуса, теперь оказывается, что и круг (или только круг?) должен меняться. Круг и конус должны быть как-то связаны? Я попробовал разместить в то, что было, еще и круг по вашим данным - так он, естественно, стоит себе на месте в сторонке от конуса и никак не меняется. Вы поймите, что по таким нечетким условиям невозможно решить задачу. И потом, этот форум для технологической помощи в вопросах программирования, а не для проведения разработок. У нас это ведь не основной вид деятельности, а просто взаимопомощь в свободное время. Для разработок по заданию есть раздел Работа, но и там вам никто ничего не сможет сделать без четкого и полного описания задачи
|
|
25.01.2016, 15:49
|
Интересующийся
|
|
Регистрация: 22.01.2016
Сообщений: 22
|
|
Сообщение от Dilettante_Pro
|
Rustam97, я таки толком не могу понять, что вам нужно.
Раньше шла речь об изменении размеров конуса, теперь оказывается, что и круг (или только круг?) должен меняться. Круг и конус должны быть как-то связаны? Я попробовал разместить в то, что было, еще и круг по вашим данным - так он, естественно, стоит себе на месте в сторонке от конуса и никак не меняется. Вы поймите, что по таким нечетким условиям невозможно решить задачу. И потом, этот форум для технологической помощи в вопросах программирования, а не для проведения разработок. У нас это ведь не основной вид деятельности, а просто взаимопомощь в свободное время. Для разработок по заданию есть раздел Работа, но и там вам никто ничего не сможет сделать без четкого и полного описания задачи
|
Да пожалуй вы правы. В общем сначала я хотел сделать конус, но из-за сложностей с этим конусом. Поэтому решил лучше сделать круг. Поставил круг, сделал position: absolute; Но вышла проблема когда производится расчёт. Круг перемешается в право. Надо чтобы его оставить в той же позиции но увеличить радиус. Теперь я смогу выразиться правильно?
|
|
|
|