member99

محاسبه rsform بدون دکمه (باتن)

2 پست در این موضوع

با سلام و احترام. یه آموزش خیلی خوب واسه دوستان می*ذارم که حاصل از کلنجار رفتن خودم با Rs-form هست :128fs318181: امیدوارم مفید واقع بشه.

اگر کاربر مقدار عددی فیلد x را تعریف بکند.

بعد فیلد y را پر بکند... مجموع این دو تا فیلد توی total نشان داده شود و با هر بار عوض کردن اعداد فیلدهای x و y، مقدار مجموع در فیلد total تغییر بکنه... هیچ نیازی هم به دکمه یا باتن Calculate نیست! :didi:

خب بریم سراغ آموزش:

فرم دلخواه خود را باز کنید...

1- یک فیلد textbox اضافه کنید. نام و شرح را بذارید: test1 معتبرسازی اش را عددی تعیین کنید. بعد توی خواص اضافه مقدار زیر را وارد کنید:

onkeyup="calculateText();"

2- برای فیلد دوم هم به همین روش عمل کنید ینی یک فیلد textbox اضافه کنید. نام و شرح را بذارید: test2 معتبرسازی اش را عددی تعیین کنید. بعد توی خواص اضافه مقدار زیر را وارد کنید:

onkeyup="calculateText();"

3- یه فیلد textbox اضافه کنید و اسمش و شرح اش را بذارید total - بعد توی خواص اضافه مقدار زیر را وارد کنید:

onkeyup="calculateText();"

در واقع این فیلد مجموع فیلدهای بالا را نشون میده

4- کدهای زیر را توی تب Properties فرم قسمت CSS/Javascript ... توی قسمت جاوااسکریپت قرار بدید:

<script type="text/javascript">

function calculateText(){

var op1=document.getElementById('test1');

var op2=document.getElementById('test2');

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(result.value)+parseInt(op1.value)+parseInt(op2.value);}

</script>

دقت کنید که من از فیلدهای test1 - test2 و total استفاده کردم، اگر خواستید اسم اینها را عوض کنید، توی کدها هم باید اسم فیلد ها عوض بشه.

تموم شد! :128fs318181:

موفق باشید!gift

ویرایش شده در توسط member99

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش html و css آموزش لاراول آموزش cPanel آموزش php آموزش سئو وردپرس آموزش امنیت وردپرس آموزش وردپرس آموزش فرم ساز RSform آموزش سئو جوملا آموزش فروشگاه ساز Hikashop آموزش فروشگاه ساز ویرچومارت آموزش طراحی سایت آگهی تبلیغاتی آموزش امنیت جوملا آموزش طراحی سایت فروش فایل آموزش طراحی قالب ریسپانسیو با Helix آموزش جوملا 3 آموزش ساخت ربات دکمه ی شیشه ای آموزش ساخت ربات همکاری در فروش آموزش ساخت ربات جذب ممبر آموزش ساخت ربات ضد اسپم آموزش ساخت ربات پیوست فایل سورس ربات مدیر گروه | ربات مدیر گروه همسریابی

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری