کامپوننت فرم ساز BreezingForms-172

[tarantino]

يك سري آموزشهاي مربوط به كدنويسي در 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);
   }
}