آموزش ایجاد لودینگ در کامپوننت RsForm

آموزش ایجاد لودینگ در کامپوننت RsForm

آموزش قرار دادن تصویر Loading هنگام ارسال فرم در کامپوننت Rsform

کامپوننت فرمساز Rsform یکی از قدرتمندترین و محبوبترین کامپوننتهای جومل در زمینه طراحی فرمهای مختلف میباشد که شما میتوانید با استفاده از این فرم ساز فرمهای مورد نیاز خود را با تمامی آیتمهای مورد نظر خود طراحی نمایید. یکی از امکانات مهم این افزونه امکان انتخاب و ارسال فایل در فرمها میباشد که در برخی مواقع بدلیل زمانبر بودن ارسال فایلها برای اینکه روی سایت کاربر را از انجام اینکار مطلع و مطمئن کنیم بهتر هست یک تصویر loading به نمایش بگذاریم تا کاربر سایت دچار سردرگمی نشود. انجام اینکار در Rsform براحتی امکان پذیر هست و در چهار مرحله میتوانیم این کار را انجام دهیم

برای ایجاد لودینگ در فرم مراحل زیر را انجام میدهیم:

مرحله اول:

در ابتدای فرم خود یک فیلد از نوع Free text ایجاد کرده و در مقدار text آن کد زیر را قرار میدهیم:

<div id="aras-loading" style="display: none"> <img src="images/loading.gif" alt="لطفا صبور باشید" /></div>

مرحله دوم:

در فرم ساز به تب Properties رفته و در بخش درج کدهای css و javascript کد زیر را در بخش javascript وارد میکنیم.

<script type="text/j-avascript">
 
function arasLoading()
{
document.getElementById('aras-loading').style.display = 'block';
}
</script>

مرحله سوم:

در همان تب Properties به بخش درج کدهای php رفته و کد زیر را در بخش Script called on form display وارد میکنیم.

$formLayout = str_replace('<form method="post"','<form method="post" on-submit="arasLoading();"',$formLayout);

مرحله چهارم:

تصویر Loading را در پوشه images سایت با نام loading.gif آپلود میکنیم و کار تمام است.

اکنون در هنگام ارسال فرم یک تصویر Loading در فرم شما به نمایش در می آید.

آخرین ویرایش در پنج شنبه, 31 فروردين 1396 ساعت 15:49
آموزش ایجاد لودینگ در کامپوننت RsForm - 5.0 out of 5 based on 2 votes

Overall Rating (0)

0 out of 5 stars
  • نظری یافت نشد
25% تخفیف ویژه اعیاد قربان و غدیر
دریافت کد تخفیف
Toggle Bar

پشتیبانی و تماس

شماره تماس:
09126943664
تلگرام:

@arasjoomla

ایمیل:

arasjoomla@gmail.com

عضویت در خبرنامه

جهت آگاهی از جدیدترین افزونه ها و تخفیفها

ما را دنبال کنید

کانال ارس جوملا در تلگرام