Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Обновление блока (https://javascript.ru/forum/misc/57102-obnovlenie-bloka.html)

XochuZnat 19.07.2015 21:49

Обновление блока
 
Приветствую Всех!
Имеется выездной блок на сайте
<div class="left_panel">

	<p class="open"></p>
	<jdoc:include type="modules" name="sideblock" style="xhtml" />
	<p class="calc"><form action="" name="myform" method="post"> 
   <input  class="calcus" type="text" name="sum" size="25" placeholder="Сумма"> 
   <input class="calcus"  type="text" name="data" size="25" placeholder="На сколько месяцев?">  
    <input name="Submit" type=submit value="Посчитать"> </p>
</form>

<?php
 
if (isset($_POST['Submit'])) { 
	$sum = isset($_POST['sum']) ? $_POST['sum'] : '';
	$data = isset($_POST['data']) ? $_POST['data'] : '';
	$vznos = $sum*30/100;
	$result = ($sum-$vznos)/$data ;
	?>
	Первоначальный взонс <a class="cifra"><?= $vznos;?></a> сум.<br>
  Ежемесечная оплата составляет <a class="cifra"><?php echo ceil($result );?></a> сум<br>
  В течении <a class="cifra"><?= $data ;?></a> месяцев.
	<?php
}
?>


Знатоки Javascipt, помогите пожалуйста реализовать обновление блока без полной перезагрузки страницы после вычисления!

Lemme 19.07.2015 22:14

http://xmlhttprequest.ru/
или
http://api.jquery.com/jQuery.post/

Там ничего сложного. Копипаст, плюс 10минут на чтение доки (без углубления).

kostyanet 20.07.2015 08:35

Сервер ничего не делает. Умножайте в ява-скрипте.

XochuZnat 20.07.2015 17:04

<script>
	function Submit(){
   var sum=document.getElementById('sum').value;
   var data=document.getElementById('data').value;
   var vznos= sum*30/100;
   var result= (sum-vzons)/data;
   document.write(result+)
	</script>

Я сделал так, но при нажатии на кнопку ничего не происходит

EmperioAf 20.07.2015 18:29

Цитата:

Сообщение от XochuZnat
Я сделал так, но при нажатии на кнопку ничего не происходит

а вы повесили функцию Submit на обработчик события onclick ?

XochuZnat 20.07.2015 21:53

Цитата:

Сообщение от EmperioAf (Сообщение 380530)
а вы повесили функцию Submit на обработчик события onclick ?

<script>
	document.forms.myform.onsubmit = function(){
     var vznos = +this.sum.value*30/100,
         result = Math.ceil((+this.sum.value - vznos) / +this.data.value);
     var dataContainer = document.querySelector('.dataContainer');
	dataContainer.innerHTML = 'Первоначальный взонс <b class="cifra">'+vznos+'</b> сум.<br>Ежемесечная оплата составляет <b class="cifra">'+result+'</b> сум<br> В течении <b class="cifra">'+this.data.value+'</b> месяцев.';
     return false;
}
	</script>
	<div class="dataContainer">
	
	</div>

Решили проблему на одном из форумов, всем спасибо!

kostyanet 21.07.2015 08:04

Цитата:

Сообщение от XochuZnat
document.write(result+)

Походу опять на вопрос какой-то викторины пришлось за ТС отвечать народу.


Часовой пояс GMT +3, время: 13:00.