آموزش قرار دادن تصویر 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 در فرم شما به نمایش در می آید.