{ويژه} آموزش های کاربردی و کامل کامپوننت فرم ساز آر اس فرم RsForm

[امید]

در این آموزش بهتون یاد میدم که چطور دوتا تکست باکس بسازین و روی این دوتا چهار عمل اصلی رو اعمال کنید و روی تکست باکس سوم نتیجه رو مشاهده کنید.
به صورت زیر:
   

ابتدا یه تا تکست باکس با نام های "field1", "field2" , "Total" و عناوین دلخواه بسازید و یه دکمه معمولی(نه دکمه ارسال) هم اضافه کنید به فرمتون.
field1=فیلد اول
field2=فیلد دوم
Total=فیلد سوم که نتیجه کارتون رو داخلش نمایش میدین.

کد جاوای زیر رو داخل قسمت "CSS and Javascript" از بخش خواص فرم قرار بدین.

کد php: (انتخاب همه)

<script type="text/javascript">
function calculateText()
{
var op1=document.getElementById('field1');
var op2=document.getElementById('field2');
var result=document.getElementById('Total');

if(op1.value=="" || op1.value!=parseFloat(op1.value)) op1.value=0;
if(op2.value=="" || op2.value!=parseFloat(op2.value)) op2.value=0;

result.value=0;
result.value=parseInt(result.value);
result.value=parseInt(op1.value)+parseInt(op2.value);
}
</script> 


در خط آخر کد بالا به جای عمل جمع کردن(+) میتونید هر کدوم از علامت های دیگه مثل * یا / یا - رو قرار بدین.

خوب حالا وارد ویرایش اون دکمه ای بشین که ایجاد کردین و در قسمت خواص اضافه این دکمه کد زیر رو اضافه و ذخیره کنید.

کد php: (انتخاب همه)

onclick="calculateText();" 


برای اینکه کاری کنید که اون تکست باکس سوم رو کاربر نتونه داخلش چیزی بنویسه میتونید کد زیر رو توی قسمت خواص اضافه تکست باکس سومتون(نتیجه) قرار بدین.

کد php: (انتخاب همه)

readonly="readonly" 


نمونه انجام شده رو پیوست کردم.
پیروز باشید.