فرمساز حرفه ای بریزینگ فرم فارسی BreezingForms 1.7.2

[ابوالفضل طالبی 280]

فرمساز بریزینگ فرم ترجمه دوست ارجمندم مهندس پردل هست که برای دانلود خدمت دوستان در این تاپیک قرار میدم.بدون شک قویترین فرمساز تحت جوملا به نظر من همین فرم سازه که برای اولین بار جناب مهندس پردل در جوملا معرفی و فارسی سازی نمودند.

در پست های بعدی آموزشهای لازم برای فرم ساز فوق و مباحث حرفه ای در طراحی فرم با این فرم ساز رو مطرح میکنم.

com_breezingforms_172.zip

mod_breezingforms_172.zip

plg_breezingforms_172.zip

plg_mmfuncs.zip

[majid.fathi 44]

چطوری می شه ip کاربر را به یک فیلد مشخص اختصاص داد؟

[ابوالفضل طالبی 280]

اتفاقا این سوال رو دیروز هم مطرح کردند دوستان .. این امکان نداره که بشه آی پی کاربر رو بگیرید

[majid.fathi 44]

getenv("REMOTE_ADDR")

از این که ای پی را می گیریم حالا ای پی را داریم چطور این را به یه فیلد ها اختصاص بدیم؟

[ابوالفضل طالبی 280]

این آی پی کاربر رو نمیده منظورم unique IP هستش .. شما تنها آی پی سرویس دهنده اینترنتی که به کاربر داره سرویس میده رو میگیرید...

[majid.fathi 44]

بله .حالا می خوام کلا یه متغیر را به یه فیلد اختصاص بدم .سوال این بود

[ابوالفضل طالبی 280]

اولین آموزش رو میزارم که شما تا حدودی با نحوه قرار دادن کد در فرم و همچنین ایجاد مقدار با استفاده از کد نویسی درون یک فیلد آشنا بشید..

این آموزش خیلی ساده ولی مورد نیاز خیلی عزیزان هست.

آموزش ساخت فیلد کد رهگیری : در این آموزش ما میخوایم کاری کنیم که به محض باز کردن فرم توسط کاربر یک کد به صورت تصادفی (Random) در یک فیلد قرار بگیره که ما از این کد به عنوان کد رهگیری بتونیم استفاده کنیم.

یک فرم بسازید و نام اون رو myform بزارید

یک فیلد متنی درون فرم قرار بدید و ویژگی اون رو فقط خواندنی (Read only) کنید.

نام فیلد رو هم بزارید trace

حالا به مسیر زیر برید:

فرم اصلی -> سربرگ پیشرفته -> تنظیمات بیشتر -> اسکریپت -> اسکریپت مقدار دهی اولیه -> سفارشی

حالا دستورات زیر رو در کادر مربوطه وارد کنید و ذخیره نمایید:

function ff_myform_init()
{
var rand_no = (Math.floor(Math.random()*999999999999));
ff_getElementByName('trace').value = rand_no;

}

[amin.poorsaeed 26]

عالی ابولفضل جان به عنوان یه انجمن تازه تاسیس شده بهترین کارارو داری می کنی :1: مخصوصا این شکلک اختصاصی :1:

[ابوالفضل طالبی 280]

ممنونم لطف دارید هم شما هم دوستان .. این انجمن متعلق به همه کاربران جوملا ایران هست و مفهوم مدیر و کاربر صرفا جهت نظم بخشیدن به انجمن هست وگر نه کاربران انجمن جوملای ایران مالک اصلی انجمن هستند و ما هم خدمت میکنیم به اونها..

امیدوارم این انجمن محلی باشه برای ارائه یک پشتیبانی عالی ، آموزش حرفه ای و ارائه افزونه های بی نقص! :1::auizz3ffy9vla57584x

[amin.poorsaeed 26]

ابولفضل جان هدیت این نبود ؟

[ابوالفضل طالبی 280]

امین جان شما هم ؟! :78:

هدیه این نیست صبر کن تا یکی دو ساعت دیگه :25:

[amin.poorsaeed 26]

نه داداش ما نه !

دارم میصربرم ! آخه یکم عجله دارم

[majid.fathi 44]

ممنون بابت اموزش.

تا یه جاهای تونستم برم .

یه سوال اینکه بعد از این که فرم submit میشه می خوام به یه صفحه Redirect بشه .ولی نمی خوام از قطعات ارسال >>پایان ارسال>>سفارشی.... نمی خوام استفاده کنم.می خوام یه اسکریپت مثله ff_validate_submit بشه ولی به یه صفحه redirect بشه بعد از ذخیره ی اطلاعات

[ابوالفضل طالبی 280]

يك سري آموزشهاي مربوط به كدنويسي در Breezingforms وجود داره كه نياز خيلي از كابراني هست كه ميخوان از اين فرم ساز استفاده كنند. به مرور اين آموزشها رو اينجا قرار ميدم تا مرجعي براي دوستان باشه .. براي شروع آموزش مربوط به روش محاسبه قیمت در فرم ساخته شده توسط بریزینگ فرم (BreezingForms).این محاسبه قیمت زمانی برای شما کاربردی است که برای مثال قصد فروش محصولاتی را به مشتری دارید و میخواهید امکان انتخاب چندین محصول همزمان برای مشتری فراهم شود و در نهایت در یک فیلد مجموع قیمت محصولات انتخاب شده به کاربر نمایش داده شود.

براي مثال شما دو چك باكس داريد كه ميخواهيد براي هر كدام يك مبلغ تعريف كنيد:

1- دوره آموزش يك 2000 تومان

2- دوره آموزش دو 3000 تومان

قصد شما اين است كه وقتي كاربر هر دو دوره آموزشي را انتخاب ميكند مبالغ تمام دوره ها با هم جمع شود و در يك جعبه متني (Text Box) اين جمع مبلغ نمايش داده شود:

جمع دوره هاي انتخاب شده شما: 5000 تومان

===============================================

حال فيلدهاي مورد نظر و روش كدنويسي را شرح ميدهم:

از روش ايجاد سريع (QuickMode) يك فرم جديد را ايجاد كنيد

عنوان فرم را " فرم يك " و نام فرم را " ff " بگذاريد

:: يك چك باكس ايجاد كنيد و در سربرگ "مشخصات" عنوان آن را " دوره آموزش يك " و نام آن را " d11 " بگذاريد و مقدار آن را " 10 "

سپس در سربرگ " پيشرفته " بخش " اکشن اسکریپت " گزينه " سفارشي " را انتخاب كنيد

عملكردها را بر روي گزينه " كليك " قرار بديد

در كادر پايين كد زير را قرار بديد:

function ff_d11_action(element,action) {
ff_amountowing_action(element,action);
}

===============================================

:: حالا يك چك باكس ديگر با مشخصات زير ايجاد ميكنيم :

يك چك باكس ايجاد كنيد و در سربرگ "مشخصات" عنوان آن را " دوره آموزش دو " و نام آن را " d12 " بگذاريد و مقدار آن را " 20 "

سپس در سربرگ " پيشرفته " بخش " اکشن اسکریپت " گزينه " سفارشي " را انتخاب كنيد

عملكردها را بر روي گزينه " كليك " قرار بديد

در كادر پايين كد زير را قرار بديد:

function ff_d12_action(element,action) {
ff_amountowing_action(element,action);
}

===============================================

حالا يك تكست باكس(Text Box) ايجاد ميكنيم تا وقتي كه كاربر روي چك باكس ها كليك كرد مجموع قيمت در آن نمايش داده شود:

يك تكت باكس (فيلد متني) ايجاد كنيد و در سربرگ "مشخصات" عنوان آن را " مجموع قيمت " و نام آن را " amountowing " بگذاريد و مقدار آن را هم "0" بگذاريد.سپس در سربرگ " پيشرفته " گزينه فقط خواندني را تيك بزنيد و سپس در بخش " اکشن اسکريپت " گزينه " سفارشي " را انتخاب كنيد

در كادر پايين كد زير را قرار بديد:

function ff_amountowing_action(element,action)
{
  ff_getElementByName('amountowing').value = 0;
  if (ff_getElementByName('d11').checked)
  {
     ff_getElementByName('amountowing').value  =  Number(ff_getElementByName('amountowing').value)  +  Number(ff_getElementByName('d11').value);
  }
  if (ff_getElementByName('d12').checked)
  {
     ff_getElementByName('amountowing').value  =  Number(ff_getElementByName('amountowing').value)  +  Number(ff_getElementByName('d12').value);
  }
}

[ابوالفضل طالبی 280]

در این بخش که در واقع قسمت دوم ایجاد فرم برای محاسبه قیمت است قصد داریم یک حالت ترکیبی ایجاد کنیم.یعنی یک لیست باکس داشته باشیم که این لیست باکس شامل لیست محصولات ما با قیمت های متفاوت باشد و کاربر فقط امکان انتخاب یک مورد را داراست. و یک فیلد متنی داریم که کاربر میتواند مبلغی را به صورت دستی وارد کند.

بنابراین محاسبه و جمع قیمت بر اساس هر دو فیلد ( لیست باکس + فیلد متنی) خواهد بود.

مرحله اول

----------------------------------------------------------------------------

يك ليست باكس قرار بديد و نام اون رو bastelinux بزاريد

مقدار اون رو هم براي مثال مقدار زير قرار بديد:

1;بسته لينوکس 1 ;10000
0;بسته لينوکس 2 ;20000
0;بسته لينوکس 3 ;30000

در تنظيمات پيشرفته فيلد فوق و در بخش اكشن اسكريپت گزينه " سفارشي " را انتخاب كنيد و عملكردها را بر روي گزينه " كليك " قرار بديد و كد زير را در كادر پايين وارد كنيد:

function ff_bastelinux_action(element,action) {
ff_amountowing_action(element,action);
}

مرحله دوم

--------------------------------------

يك فيلد متني به نام freepayment بسازيد (براي ورود دستي رقم توسط كاربر)

در تنظيمات پيشرفته فيلد فوق و در بخش اكشن اسكريپت گزينه " سفارشي " را انتخاب كنيد و عملكردها را بر روي گزينه " تغيير " قرار بديد و كد زير را در كادر پايين وارد كنيد:

function ff_freepayment_action(element,action) {
ff_amountowing_action(element,action);
}

مرحله سوم

--------------------------------------

حالا يك تكست باكس(Text Box) ايجاد ميكنيم تا وقتي كه كاربر از ليست باكس ما گزينه اي انتخاب كرد و يا مقداري به صورت دستي وارد كرد مجموع قيمت در آن نمايش داده شود:

يك تكست باكس (فيلد متني) ايجاد كنيد و در سربرگ "مشخصات" عنوان آن را " مجموع قيمت " و نام آن را " amountowing " بگذاريد و مقدار آن را هم "0" بگذاريد.سپس در سربرگ " پيشرفته " گزينه فقط خواندني را تيك بزنيد و سپس در بخش " اکشن اسکريپت " گزينه " سفارشي " را انتخاب كنيد

در كادر پايين كد زير را قرار بديد:

function ff_amountowing_action(element,action)
{
  ff_getElementByName('amountowing').value = 0;

    ff_getElementByName('amountowing').value  =  Number(ff_getElementByName('amountowing').value)  +  Number(ff_getElementByName('bastelinux').value)  +  Number(ff_getElementByName('freepayment').value);


}

[ابوالفضل طالبی 280]

در خيلي موارد پيش مي آيد كه نياز داريد وقتي كاربري گزينه اي از فرم شما رو انتخاب كرد فيلدي ديگر با توجه به شرايط انتخاب كاربر ظاهر شود و يا پنهان شود!

براي مثال:

- يك فرم ثبت نام داريد

- در فرم ثبت نام يك گزينه داريد كه كاربر شما بايد انتخاب كند كه "شاغل است" يا "بيكار!"

- اگر "شاغل" را انتخاب كرد يك فيلد ظاهر شود كه شغل خود را وارد كند

- اگر "بيكار" بود فيلد ظاهر نشود.

در اين آموزش قصد داريم فيلد شرطي ايجاد كنيم كه با يك عمل مخفي و با عمل ديگر فيلد ما نمايان شود.

روش كار:

مرحله يكم

------------------------------------------------------------------------------------

يك Radio Group يا همان "دكمه راديويي چندتايي" انتخاب ميكنيم

عنوان آن را "وضعيت اشتغال" ميگذاريم

نام آن را "jobswitch" ميگذاريم

و مقدار آن را به صورت زير قرار ميدهيم:

1;انتخاب كنيد;none
0;شاغل;on
0;بيكار;off

ذخيره ميكنيم

مرحله دوم

------------------------------------------------------------------------------------

يك TextBox يا همان "فيلد متني" انتخاب ميكنيم

عنوان آن را " شغل " ميگزاريم

نام آن را "job" ميگذاريم

در سربرگ پيشرفته گزينه "غيرفعال كردن " را انتخاب ميكنيم (تيك ميزنيم)

ذخيره ميكنيم

مرحله سوم

------------------------------------------------------------------------------------

مرحله سوم مهمترين مرحله است كه بايد مشخص كنيد كه با انتخاب گزينه هاي موجود فيلد متني ما فعال يا غير فعال شود.

بر روي نام فرم خود كليك كنيد

در سربرگ پيشرفته گزينه اي وجود دارد به نام "قوانين مشاهده" كه داراي يك كادر بزرگ است

در داخل آن دستور زير را وارد كنيد:

turn on element job if jobswitch is on
turn off element job if jobswitch is off
turn off element job if jobswitch is none

[ابوالفضل طالبی 280]

در ادامه آموزش شرط كردن نمايش فيلد...

پرسشي كه در آموزش قبلي ممكن است پي بيايد اين است كه اگر براي مثال چندين فيلد داشته باشيم كه بخواهيم همگي آنها شرطي باشند چكار كنيم؟!

مثال:

فرمي داريم كه دو Section يا بخش است.

Section اول شامل فيلدهايي است كه مربوط به وضعيت اشتغال است مانند نوع شغل،سابقه كاري،سابقه بيمه و...

Section دوم شامل فيلدهايي است كه مربوط به وضعيت تحصيل است مانند پايه تحصيلي،محل تحصيل،رشته تحصيلي و...

در آموزش قبلي مشاهده كرديد كه يك Radio Group يا "دكمه راديويي گروهي" ايجاد كرديم داراي سه گزينه بود:

1;انتخاب كنيد;none
0;شاغل;on
0;بيكار;off

با انتخاب گزينه "شاغل" تنها اتفاقي كه مي افتاد اين بود كه يك فيلد ظاهر ميشد كه كاربر امكان درج مثلا نام شغلش را داشت.

ولي اكنون ما ميخواهيد با انتخاب گزينه شاغل Section اول ما كه فيلدهاي زيادي را شامل است ظاهر شود و با انتخاب گزينه بيكار Section دوم كه آن هم داراي فيلدهاي زيادي است ظاهر شود.

براي اين منظور پس از ساختن Section هاي مورد نظر و فيلدهاي هر كدام به شكل زير عمل ميكنيد:

مرحله يكم

------------------------------------------------------------------------------------

يك Radio Group يا همان "دكمه راديويي چندتايي" انتخاب ميكنيم

عنوان آن را "وضعيت اشتغال" ميگذاريم

نام آن را "jobswitch" ميگذاريم

و مقدار آن را به صورت زير قرار ميدهيم:

1;انتخاب كنيد;none
0;شاغل;on
0;دانشجو;off

ذخيره كنيد

مرحله دوم

------------------------------------------------------------------------------------

Section اول را section1 نامگذاي كنيد و فيلدهاي دلخواه خود را داخل آن بسازيد(اطلاعات شغلي)

در سربرگ پيشرفته گزينه "غيرفعال كردن " را انتخاب ميكنيم (تيك ميزنيم)

Section دوم را section2 نامگذاي كنيد و فيلدهاي دلخواه خود را داخل آن بسازيد(اطلاعات دانشجويي)

در سربرگ پيشرفته گزينه "غيرفعال كردن " را انتخاب ميكنيم (تيك ميزنيم)

ذخيره كنيد

مرحله سوم

------------------------------------------------------------------------------------

بر روي نام فرم خود كليك كنيد

در سربرگ پيشرفته گزينه اي وجود دارد به نام "قوانين مشاهده" كه داراي يك كادر بزرگ است

در داخل آن دستور زير را وارد كنيد:

turn on section section1 if jobswitch is on
turn on section section2 if jobswitch is off
turn off section section1 if jobswitch is off
turn off section section2 if jobswitch is off
turn off section section1 if jobswitch is none
turn off section section2 if jobswitch is none

[ابوالفضل طالبی 280]

اگر زماني نياز داشتيد كه پس از ثبت اطلاعات در فرم ، كاربر به صورت خودكار به يك صفحه خاص در سايت شما و يا به يك آدرس وب سايت به صورت خودكار منتقل بشه مي تونيد از آموزش مختصر زير استفاده كنيد:

ابتدا در سربرگ پيشرفته مربوط به فرم وارد بشيد

بر روي گزينه "تنظيمات بيشتر" كليك كنيد

از پنجره باز شده گزينه "قطعات فرم" را انتخاب كنيد

و در كادر دوم يعني كادر "بعد از فرم" گزينه "سفارشي" را انتخاب نماييد

اكنون در كادر پاييني كه باز شده كد زير را قرار دهيد:

$this->execPieceByName('ff_InitLib');
     ff_redirect('/myThankYouPage.php');

اين كد باعث ميشود كه صفحه myThankYouPage.php پس از ثبت فرم نمايش داده شود.

اگر ميخواهيد به يك آدرس اينترنتي مشخص ارجاع داده بشه از كد زير استفاده كنيد:

$this->execPieceByName('ff_InitLib');
      ff_redirect('http://www.yourDomain.com/page.html');

ولي هر دو كدهاي بالا صفحه مورد نظر شما را داخل يك پنجره iframe نمايش ميدهند بنابراين اگر ميخواهيد صفحات مورد نظر در پنجره مستقل نمايش داده شوند ميتوانيد كدهاي بالا را به صورت زير تغيير دهيد:

$this->execPieceByName('ff_InitLib');
      ff_redirect('/myThankYouPage.php', 'parent');

و یا :

$this->execPieceByName('ff_InitLib');
ff_redirect('http://www.yourDomain.com/page.html', 'parent');

[majid.fathi 44]

خیلی عالی بود.:1:

[majid.fathi 44]

اگر زماني نياز داشتيد كه پس از ثبت اطلاعات در فرم ، كاربر به صورت خودكار به يك صفحه خاص در سايت شما و يا به يك آدرس وب سايت به صورت خودكار منتقل بشه مي تونيد از آموزش مختصر زير استفاده كنيد:

ابتدا در سربرگ پيشرفته مربوط به فرم وارد بشيد

بر روي گزينه "تنظيمات بيشتر" كليك كنيد

از پنجره باز شده گزينه "قطعات فرم" را انتخاب كنيد

و در كادر دوم يعني كادر "بعد از فرم" گزينه "سفارشي" را انتخاب نماييد

اكنون در كادر پاييني كه باز شده كد زير را قرار دهيد:

$this->execPieceByName('ff_InitLib');
     ff_redirect('/myThankYouPage.php');

اين كد باعث ميشود كه صفحه myThankYouPage.php پس از ثبت فرم نمايش داده شود.

اگر ميخواهيد به يك آدرس اينترنتي مشخص ارجاع داده بشه از كد زير استفاده كنيد:

$this->execPieceByName('ff_InitLib');
      ff_redirect('http://www.yourDomain.com/page.html');

ولي هر دو كدهاي بالا صفحه مورد نظر شما را داخل يك پنجره iframe نمايش ميدهند بنابراين اگر ميخواهيد صفحات مورد نظر در پنجره مستقل نمايش داده شوند ميتوانيد كدهاي بالا را به صورت زير تغيير دهيد:

$this->execPieceByName('ff_InitLib');
      ff_redirect('/myThankYouPage.php', 'parent');

و یا :

$this->execPieceByName('ff_InitLib');
ff_redirect('http://www.yourDomain.com/page.html', 'parent');

فقط من یه مشکلی دارم .اینکه می خوام 2 تا دکمه ی ارسال و 2 تا redirect page متفاوت داشته باشم.

[sunict 10]

با سلام خدمت دوستان عزیز . من یه فرم رو طراحی کردم ولی متاسفانه راهنمای فرم رو که وارد کردم اما متاسفانه وقتی موس رو روی راهنمای میبرم چیزی نشون نمیده . کسی میتونه راهنمایی کنه ممنون میشم

[majid.fathi 44]

فرم >>پیشرفته>>سایر تنضیمات >>قالب>>breeze

فکر کنم حل شه اگه مشکل از قالب نباشه

[sunict 10]

با سلام خدمت دوستان عزیز . بنده میخوام که یه فرمی داشته باشم که به طور مثال بنده چند تا آیتم دارم که برای هر آیتم قیمتی گذاشتم و یوسر آیتم ها رو انتخاب میکنه و به قیمت کل افزوده میشه . تا اینجا درسته ولی حالا توی این قسمت میخوام که یه قسمتی باشه به طور مثال یه تکست باکس وجود داشته باشه و داخل تکست باکس یوسر بتونه تعداد رو وارد کنه و برای هر تعداد یه قیمت مشخصی وجود داشته باشه مثلا : قیمت هر آیتم 10000 هزار تومان هست وقتی یوسر داخل تکست باکس عدد 2 رو وارد کنه ، سیستم به صورت خودکار 10.000 هزار تومان رو ضرب در 2 کنه (تعداد وارد شده توسط یوسر) و با قیمت کل جمع بزنه .!!!! اه بابا زیاد توضیح دادم میدونم ولی خواستم کامل توضیح بدم . ممنون میشم اگه کسی میدونه راهنمایی کنه. با تشکر از دوستان عزیز

[ابوالفضل طالبی 280]

منظورتون به این شکل هست:

سیب زمینی :: 5 عدد :: هرعدد 1000 تومان :: 5000 تومان

پیاز :: 2 عدد :: هرعدد 3000 تومان :: 6000 تومان

جمع قیمت : 11000 تومان

تعداد هر آیتم رو مشتری بتونه انتخاب کنه؟

[سید منصور فیروزه 10]

منظورتون به این شکل هست:

سیب زمینی :: 5 عدد :: هرعدد 1000 تومان :: 5000 تومان

پیاز :: 2 عدد :: هرعدد 3000 تومان :: 6000 تومان

جمع قیمت : 11000 تومان

تعداد هر آیتم رو مشتری بتونه انتخاب کنه؟

با اجازه .

من خوندم . دقیقا منظورشون همینه.