PDA

View Full Version : سوال: محاسبه قیمت با وارد کردن تیراژ(بدون رفرش)



.fatemeh
یک شنبه 27 مرداد 1392, 12:56 عصر
سلام.
می خوام وقتی کاربر تیراژ رو تویtextfield وارد کرد همزمان
جلوش خودش بیاد عملیات ضرب و انجام بده و قیمت نهایی رو نمایش بده.
خیلی گشتم نمونه پیداکنم ،پیدا نشد:ناراحت:
دوستان راهنمایی کنید لطفا
ممنون

Veteran
یک شنبه 27 مرداد 1392, 13:19 عصر
نمونه پیوست شد/

.fatemeh
یک شنبه 27 مرداد 1392, 13:52 عصر
نمی خوام submit رو بزنه.همزمان که داره تیراژ رو وارد می کنه روبرو قیمت کل رو ببینه.
لطف می کنید اگه به این تاپیک (http://barnamenevis.org/showthread.php?414121-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-subform)هم نگاهی کنید.

2undercover
یک شنبه 27 مرداد 1392, 15:07 عصر
اینکارو باید با JS انجام بدید به این صورت که هروقت مقدار اون فیلد تغییر کرد مقدار رو محاسبه بکنه:



<input type="number" id="quantity">
<span id="price"></span>
<script>
var quantity = document.getElementById('quantity');
quantity.onchange = function() {
document.getElementById('price').innerHTML = quantity.value * 1500; // به جای 1500 قیمت رو باید قرار بدید!
}
</script>

کامروا
یک شنبه 27 مرداد 1392, 15:39 عصر
میتونید از رویداد onkeyup استفاده کنید که به این شکل میشه :

index.php

<html>
<head>
<script type="text/javascript">
function calc() {
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById('resultDiv').innerHTML = xmlhttp.responseText;
}
}
var text = document.getElementById('txtPrice').value;
var target = "calc.php";
var parameter = "txtPrice=" + text;

xmlhttp.open('POST', target, true);
xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xmlhttp.send(parameter);
}
</script>
</head>
<body>
Price: <input type="text" id="txtPrice" onkeyup="calc();">
<div id="resultDiv"></div>
</body>
</html>


calc.php

<?php
if (isset($_POST['txtPrice']) && !empty($_POST['txtPrice'] )) {
echo $_POST['txtPrice'] * 2;
}
?>

.fatemeh
یک شنبه 27 مرداد 1392, 17:24 عصر
از همه دوستان ممنون .
درست شد البته با راهنمایی دوستان:چشمک:

thacker
دوشنبه 28 مرداد 1392, 15:43 عصر
منم به این کد احتیاج دارم ...
ممنون میشم اگه کدی که استفاده میکنید رو اینجا برای استفاده بگذارید...