ابوالفضل طالبی

فرم ساز حرفه ای RSForm Pro فارسی برای نسخه 1.7 و 2.5 _ همراه با آموزش

1,286 پست در این موضوع

[ATTACH=CONFIG]1040[/ATTACH]

کمتر کاربری هست که با فرم ساز حرفه ای ار اس فرم (RSForm Pro) آشنا نباشه و میشه گفت یکی از قویترین فرم سازهای مطرح در جوملاست . نسخه جدید این فرم ساز بر روی جوملا 1.7 و 2.5 قابل نصبه که میتونید انواع فرم های دلخواه خودتون رو با استفاده از اون طراحی کنید.

در این تاپیک فایل زبان فارسی این فرم ساز رو برای کاربران گرامی قرار میدم دوستانی که کامپوننت این فرم ساز رو دارند میتونند با نصب فایل زبان فارسی ، کامپوننت رو کاملا فارسی سازی کنند.

همانطور که میدانید در تاپیک مربوط به فرم ساز بریزینگ فرم در این لینک آموزشهای خوبی برای استفاده از قابلیت های این فرم ساز ارائه شد که قصد داریم همین آموزشها رو برای فرم ساز RSForm هم انجام بدیم.

لذا کلیه دوستانی که توانایی ارائه آموزشهای حرفه ای در خصوص فرم ساز ار اس فرم دارند میتوانند در این تاپیک مشارکت کنند و کاربرانی هم که مشکلات و سوالاتی دارند میتوانند در همین تاپیک مشکلات و سوالات خود را مطرح نمایند.

توجه داشته باشید که فایل ضمیمه تنها فارسی ساز RSform هست.

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

دانلود فایل آموزش های فارسی Rsform مطرح شده در انجمن ( بخش اول )

دانلود بخش اول آموزش ها از سرور طراحان روز ( برای کسانی که نمیتوانند از آپلودسنتر انجمن دانلود کنند )

ویرایش شده در توسط Vahid Taheri
اضافه کردن لینک بخش اول آموزش ها

Share this post


Link to post
Share on other sites
داداش می شه با این فایل زبان خروجی فارسی گرفت یا باز این مشکل تو این کامپوننت هست ؟

به 4 حالت میتونید خروجی بگیرید :

Export to CSV:فارسی نمایش می دهد.

Export to Excel:فارسی نمایش نمی دهد.

Export to XML:فارسی نمایش می دهد.

Export to XML:فارسی نمایش ی دهد.

متاسفانه خروجی های خوب مثل PDF و Exel فارسی نشون نمیده.

Share this post


Link to post
Share on other sites

در این اموزش قصد داریم فرم چند زبانه بسازیم .برای مثال سایتی دارید که در حال حاضر دارای دو زبان فارسی و انگلیسی میباشد ولی فرم طراحی شده شما به صورت فارسی تهیه شده که این مسئله زیاد خوشایند نیست.

میخواهیم فرمی طراحی کنیم که در هر زبان ، عنوان المانها نیز به همان زبان ترجمه شوند تا هم برای کاربران فارسی زبان قابل خواندن و هم برای کاربران انگلیسی زبان قابل فهم باشد!

فرم ساز ار اس فرم به ما امکان ساخت فرم چند زبانه را به راحتی میدهد و میشه گفت که خیلی سریعتر و راحت تر از چیزی که فکر کنید میشه فرم چند زبانه ساخت.برای مثال یک المان میخواهیم به صورت زیر بسازیم که نام کاربر بگیریم و ذخیره کنیم، پس مراجل را با هم انجام میدهیم:

طبق تصویر زیر در صفحه ایجاد فرم قسمتی را میبینید که امکان انتخاب زبان دارد، از این قسمت زبان انگلیسی را انتخاب کنید (قصد داریم ابتدا فرم را به زبان انگلیسی تهیه کنیم):

[ATTACH=CONFIG]1146[/ATTACH]

اکنون یک المان از نوع فیلد متنی ایجاد کنید و طبق تصویر زیر ان را کامل کنید:

[ATTACH=CONFIG]1147[/ATTACH]

مشاهده میکنید که :

  • مقدار نام را name وارد کردیم
  • مقدار عنوان را Name وارد کردیم
  • مقدار توضیحات را Please Enter Your Name وارد کردیم
  • در اخر المان را ذخیره میکنیم.

فرم ما به زبان انگلیسی ساخته شد! اکنون باید همین فرم را به زبان فارسی نیز ترجمه کنیم که روش آن به شکل زیر است:

پس از ذخیره فرم مجدد از قسمت انتخاب زبان زبان فارسی را انتخاب کنید

بر روی کزینه ویرایش المان قبلی که ساخته بودید کلیک کنید

حال ترجمه مقادیر را به شکل زیر وارد کنید:

  • مقدار نام را " name " وارد کردیم (این گزینه در هر دو زبان باید انگلیسی باشد و تغییر نمیکند)
  • مقدار عنوان را که " Name " وارد کرده بودید را پاک کنید و بجای ان عبارت "نام" را وارد کنید
  • مقدار توضیحات را که " Please Enter Your Name" وارد کرده بودید را پاک کنید و بجای آن عبارت "لطفا نام خود را وارد کنید" وارد کنید
  • در اخر المان را ذخیره میکنیم.

نکته: در هر قسمتی که شکلک [ATTACH=CONFIG]1148[/ATTACH] دیدید یعنی امکان ترجمه آن فیلد فراهم است و میتوانید ترجمه کنید.

کار تمام است!

Share this post


Link to post
Share on other sites

برای ساختن فرمی که قابلیت محاسبه رو داشته باشه (calculation form) چند تا راه وجود داره (لطفا حتما به تصویر دقت کنید)

1- ساختن فرم محاسبه گر با استفاده از باکس متنی (Test Box)

[ATTACH=CONFIG]1162[/ATTACH]

مشابه تصویر، textbox ها و دکمه ارسال رو ایجاد کنید. بعد به بخش CSS and Javascript برید و کد جاوا اسکریپت زیر رو داخلش کپی کنید:

function calculateText(){

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

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

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);}

در بخش ابتدایی کد، قسمت های field3، field2، Total رو به نام textboxهای خودتون تغییر بدید. (اگه مثل تصویر با همون نام ایجاد کردید که بهتر)

حالا باید کد زیر رو در بخش Additional Attributes دکمه ارسال (تو تصویر دکمه calculate) قرار بدید:

onclick="calculateText();"

2- ساختن فرم محاسبه گر با استفاده از دکمه های رادیویی (radio button)

مشابه تصویر، دکمه های رادیویی، دکمه ارسال ، و باکس نمایش نتیجه رو ایجاد کنید. بعد به بخش CSS and Javascript برید و کد جاوا اسکریپت زیر رو داخلش کپی کنید:

function calculateRadio(){

var op1=document.getElementsByName('form[radio1]');

var op2=document.getElementsByName('form[radio2]');

var result=document.getElementById('Total2');

result.value=0;

result.value=parseInt(result.value);

for(i=0;i<op1.length;i++)

if(op1[i].checked) result.value=parseInt(result.value)+parseInt(op1[i].value);

for(i=0;i<op2.length;i++)

if(op2[i].checked) result.value=parseInt(result.value)+parseInt(op2[i].value);}

حالا باید کد زیر رو در بخش Additional Attributes دکمه ارسال (تو تصویر دکمه radio calculate) قرار بدید:

onclick="calculateRadio();"

3- ساختن فرم محاسبه گر با استفاده از لیست های انتخاب (select lists)

مشابه تصویر، لیست و دکمه محاسبه رو ایجاد کنید. بعد به بخش CSS and Javascript برید و کد جاوا اسکریپت زیر رو داخلش کپی کنید:

function calculateList(){

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

var result=document.getElementById('Total3');

result.value=0;

result.value=parseInt(result.value);

for(i=0;i<op1.length;i++)

if(op1.options[i].selected) result.value=parseInt(result.value)+parseInt(op1[i].value);}

حالا باید کد زیر رو در بخش Additional Attributes دکمه ارسال (تو تصویر دکمه select calculate) قرار بدید:

onclick="calculateList();"

ویرایش شده در توسط Mahboobe.Maleki

Share this post


Link to post
Share on other sites

فرم پیش فرض ثبت نام جوملا، برای خیلی از کاربران راضی کننده نیست و اغلب دوست دارن که با توجه به نیازهای سایتشون، فیلدهای خودشون رو به فرم اضافه کنن. (که البته قابل انجامه کاملا)

در این آموزش، قصد دارم با استفاده از rsformpro فرم ثبت نامی ایجاد کنم و بجای فرم پیش فرض ثبت نام جوملا استفاده کنم. (چون rsformpro ای که استفاده میکنم نسخه انگلیسی هست، تمام عناوین انگلیسی رو در آموزش استفاده کردم)

قدم اول - دانلود و نصب پلاگین Joomla! user registration Plugin (که تجاریه ! :13:)

قدم دوم - فعال کردن گزینه integration

با نصب و فعال کردن پلاگین فوق، بخش جدیدی به کامپوننت اضافه میشه. وارد کامپوننت بشید و به manage forms برید. میبینید که مطابق تصویر، تب جدید به نام Joomla! registration اضافه شده(تصویر رو ببینید)

[ATTACH=CONFIG]1169[/ATTACH]

در مسیر Components > RSForm!Pro > Form Manager > edit a form (یعنی اینجا فرم مورد نظرمون رو که قبلا ساختیم ویرایش میکنیم) وارد تب Joomla! registration بشید. مطابق تصویر زیر امکان integration for the form رو فعال کنید.

[ATTACH=CONFIG]1171[/ATTACH]

اگر گزینه New User Account Activation رو فعال کنید، ثبت نام کاربر جدید، با ایمیلی از سایت برای کلیک روی لینک تایید همراه میشه.

بخش Merge Vars به شما اجازه میده که فیلدهای مورد نیازتون رو برای ثبت نام کاربر انتخاب کنید.

اگر روی سایتتون cb نصب کرده باشید، این پلاگین کاربران cb رو معتبر و ثبت شده می شناسه.

Share this post


Link to post
Share on other sites

آموزش RSForm Pro

سطح: مبتدی

منبع :http://www.ostraining.com/blog/joomla/rsformpr/

وقتی که می خواهیم اطلاعاتی را جمع آوری کنیم، نظرسنجی کنیم یا محصولی را بفروشیم معمولا فرمهایی برای بازدیدکنندگان سایتمون می سازیم تا اون را پر کنند و ارسال کنند. RSForm!Pro این امکان را فراهم میکند تا انواع فرم های پیچیده را در جوملا بسازید.

در این آموزش قصد داریم تا یک فرم نمایشی بسازیم و نشان دهیم که چطور میتوان عناصر فرم را اضافه و پیکربندی کرد.

RSForm!Pro یک محصول تجاری از RSJoomla.com می باشد و هم با جوملا 1.5 و هم با جوملا 2.5 سازگار هست.

این افزونه این امکان را فراهم میکند تا فرم های تماس سفارشی در انواع خیلی ساده تا فرمهای چند صفحه ای پیشرفته بسازید. ماژول های این افزونه عملکرد اون را گسترش میدهند تا توانایی محاسبات و پرداخت paypal را داشته باشید.

مرحله 1. خرید، دانلود و نصب

برای شروع، شما باید یک کپی از RSForm را از RSJoomla.com خریداری کنید و توسط مدیریت افزونه جوملا نصب کنید.

مرحله2. ایجاد یک فرم جدید

[ATTACH=CONFIG]1207[/ATTACH]

به قسمت Components > RSForm! Pro بروید و بر روی دکمه جدید کلیک کنید.

مرحله 3. انتخاب فرآیند راهنما

[ATTACH=CONFIG]1209[/ATTACH]

بر روی skip wizard کلیک کنید.

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

مراحل اولیه برای هر جزء خیلی به هم شبیه است. تفاوت اصلی در مشخصه های هر جزء است. سه مرحله اصلی برای هر جزء وجود دارد:

1. خصوصیات کلی- در همه اجزاء وجود دارد.

2. قوانین اعتبار سنجی- فیلد ضروری یا غیر ضروری یا تعریف شده برای مقاصد خاص

3. مشخصه ها- عملکرد جزئی تر یک فیلد.

[ATTACH=CONFIG]1210[/ATTACH]

1. تب ها امکان مدیریت کارهای مختلف را به شما میدهند.

2. حالت نمایش کامپوننت- شما هم اکنون در حال دیدن نمایش کامپوننت هستید. در این حالت نمایشی می توانید بر روی محتوای فرم کار کنید.

3. با کلیک بر روی حالت نمایش مشخصات، طرح بندی فرم را خواهید دید و امکان کار بر روی طراحی را خواهید داشت.

4. فیلدهای فرم لیستی از تمام فیلدهایی است که می توانید به فرم اضافه کنید و به راحتی پیکربندی کنید.

5. پنجره ویرایش. این پنجره عناصری را که به فرم اضافه کردید را نشان خواهد داد و این امکان را میدهد که آنچه گردآوری کردید را ببینید.

ادامه دارد...

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

Share this post


Link to post
Share on other sites

برای قرار دادن تیتر یک صفحه در یک فیلد شما به یک اسکریپت ساده نیاز دارید که در بخش Default Value یک فیلد قرار داده شده است یک امکان زمانی مورد استفاده قرار می گیرد که از فرم در ماژول یا مقاله جوملا استفاده کنید و شما می خواهید بدانید که از چه صفحه ای فرم ارسال شده است

$doc = JFactory::getDocument();

return $doc->getTitle();

Share this post


Link to post
Share on other sites

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

کد زیر را در "Scripts"تب در "" area:

echo $_SERVER['HTTP_REFERER'];

همچنین می توانید کد زیر راد default valueفیلد hidden fieldقرار دهید:

return $_SERVER['HTTP_REFERER'];

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

Share this post


Link to post
Share on other sites

...ادامه

مرحله 4. اضافه کردن دکمه ثبت

[ATTACH=CONFIG]1219[/ATTACH]

نکته. RS Form Pro اجازه نمیدهد که فرمی بسازید که دکمه ثبت نداشته باشد. بنابراین اولین کاری که باید انجام دهدید اضافه کردن دکمه تایید است. می توانید آن را در سمت چپ در قسمت فیلدهای فرم پیدا کنید.

بر روی دکمه "Submit Button" در ستون چپ کلیک کنید.

مرحله 5. دادن نام و برچسب

[ATTACH=CONFIG]1220[/ATTACH]

در اینجا دو تب می بینید. اولی تب عمومی است که نام و برچسب را میدهید. جایی که برچسب نمایش داده میشود در پیش نمایش زیر آن خواهید دید. وقتی که آنها را وارد کردید به تب مشخصه ها بروید.

مرحله 6. تعریف مشخصه ها

[ATTACH=CONFIG]1221[/ATTACH]

1. Reset- آیا می خواهید یک دکمه ریست هم اضافه کنید تا کاربران بتوانند فرم را پاک کنند و دوباره شروع کنند؟ پاسخ بله یا خیر را بدهید.

2. برچسب Reset - دکمه نیاز به یک برچسب مثل "Reset" دارد تا کاربران بدانند این دکمه برای چیست؟

3. پیغام پیشرفت – در حالی که فرم آپلود میشود بازدیدکنندگان درصد کامل شدن عملیات را می بینند. می توانید آن را با css در این پنجره استایل دهی کنید.

4. برچسب دکمه بازگشت – اگر فرمتون یک فرم چند قسمتی باشد دکمه ای برای بازگشت خواهد داشت تا کاربران بتوانند به صفحه قبل بازگردند. برچسب این دکمه در اینجا نوشته میشود.

5. نمایش متن پیشرفت

6. نوع دکمه- دکمه یا ورودی را انتخاب کنید.

7. مشخصه های اضافی

قبل از اینکه به مرحله بعد بروید به پایین صفحه رفته و بر روی دکمه update کلیک کنید.

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

• برای مثال: جاوا اسکریپت: onchange="your_function();" – یک تابع جاواسکریپت را راه اندازی می کند

• style="width:200px " : CSS یک لیست پایین افتادنی یا انتخاب، عرضی برابر 200 پیکسل خواهد داشت.

• مشخصه ورودی: disabled="disabled"- فیلد به طور کامل غیر فعال خواهد شد. نمی توانید درون فیلد تایپ کنید و مقدار آن ارسال نخواهد شد.

ادامه دارد ...

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

Share this post


Link to post
Share on other sites

...ادامه

مرحله 7. اضافه کردن فیلد متنی

[ATTACH=CONFIG]1250[/ATTACH]

• بر روی تکست باکس کلیک کنید.

• به تب عمومی بروید.

• فیلدهایی که نیاز دارید را پر کنید. من مقداری متن در هر فیلد نوشتم تا بعدا در فرم ببینید که هر کدام در کجا نشان داده میشود. اینکار کمکتون میکنه تا متوجه بشید چه فیلدهایی را در اینجا لازم دارید.

• به تب اعتبار سنجی بروید.

مرحله 8. تعریف قوانین اعتبارسنجی

[ATTACH=CONFIG]1251[/ATTACH]

• انتخاب اینکه پرکردن فیلد الزامی است یا خیر

• انتخاب قانون اعتبار سنجی- برای مثال اگر شماره تلفن را انتخاب کنید، فیلد باید شامل 3 عدد،یک خط تیره، دوباره 3 عدد، یک خط تیره و 4 عدد باشد، در غیر این صورت پذیرفته نمیشود.

• اضافه کردن پیغام اعتبار سنجی- پیام اعتبار سنجی، پیامی است که کاربر هنگامی که فیلد با قوانین مطابقت ندارد می بیند. مثلا اگر یک فیلد شماره تلفن است و فردی خط تیره را نمیگذارد، این پیغام را ببیند،" شماره تلفن معتبر نمیباشد. شماره باید شامل 10 عدد همراه با خط تیره باشد 123-456-7890"

مرحله 9. تعریف مشخصه ها

[ATTACH=CONFIG]1252[/ATTACH]

در این مورد فیلدی با 20 کاراکتر عرض ساختیم. این فیلد ماکزییم 255 کاراکتر می پذیرد. بعد از انجام اینکار حتما بر روی دکمه save کلیک کنید.

[ATTACH=CONFIG]1253[/ATTACH]

این فرمی است که در نهایت نمایش داده می شود. می توانید موارد زیر را ببینید.

• دکمه ارسال

• عنوان فیلد متنی

• توضیح فیلد متنی

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

[ATTACH=CONFIG]1254[/ATTACH]

برای تغییر ترتیب، ماوس را بر روی نام ستون تا نشانگر به علامت مثبت تغییر شکل پیدا کند. کلیک چپ کنید و فیلد را بگیرید و در جایی که می خواهید باشد بکشید. بر روی آیکون دکمه ذخیره در بالای ستون کلیک کنید تا ترتیب جدید ذخیره شود.؟

[ATTACH=CONFIG]1255[/ATTACH]

خوب حالا بیشتر شبیه یک فرم معمولی شد.

این یک فرآیند پایه ای است، شما باید اینکار را برای هر نوع فیلدی که می خواهید در فرم داشته باشید تکرار کنید.

ادامه دارد...

Share this post


Link to post
Share on other sites

...ادامه

مرحله 10. استایل بندی فرم

[ATTACH=CONFIG]1293[/ATTACH]

• به تب Properties بروید و از میان طرح بندی ها یکی را انتخاب کنید.

• اگر گزینه Auto Generate Layout چک خورده باشد، پنجره زیر آن کد فرمی که انتخاب کردید را نشان میدهد که از طریق آن می توانید به سفارشی سازی فرم خود بپردازید.

• با برداشتن چک مارک Auto Generate Layout می توانید html یا طرح بندی را به میزانی که می خواهید ویرایش و سفارشی کنید یا حتی آن را پاک کنید و کد جدید بنویسید.

مرحله 11. سفارشی سازی فرم و تنظیم ایمیل و دیگر جزئیات

[ATTACH=CONFIG]1292[/ATTACH]

به پایین منو در سمت چپ بروید و تنظیماتی که می خواهید را انجام دهید.

مرحله 12. نکات کامپوننت

منطقه متنی

[ATTACH=CONFIG]1291[/ATTACH]

تنظیم text area (منطقه متن ) مانند فیلد متنی است، با این تفاوت که این یکی بزرگتر است. بنابراین در تب مشخصه ها باید سایز فیلد را به ستون و سطر وارد کنید. همچنین می توانید ویرایشگر WYSIWYG را فعال کنید تا کاربران بتوانند متن های خود را فرمت بندی کنند.

جزئیات:

• استاندارد HTML منطقه متنی. کنار گزینه های اعتبارسنجی و عمومی ، منطقه متنی مشخصه های زیر را دارد:

• ستون ها(Cols) : عرض منطقه متنی قابل نمایش را مشخص میکند.

• سطرها (Rows) : تعداد سطرهای قابل نمایش در منطقه متنی را مشخص می کند.

• فعال کردن ویرایشگر : اگر فعال باشد ویرایشگر پیش فرض به فیلد اضافه خواهد شد.

• مشخصه های اضافی: هر چیزی در این قسمت ، مستقیما به تگ ورودی html اضافه خواهد شد.

  • برای مثال: جاوا اسکریپت: onkeyup ="your_function();" – وقتی که در یک جعبه متن خاص تایپ می کنید یک تابع جاوااسکریپت را راه اندازی می کند
  • style=" font-weight:bold": CSS. متن درشت خواهد شد.
  • مشخصه ورودی: disabled="disabled"- فیلد به طور کامل غیر فعال خواهد شد. نمی توانید درون فیلد تایپ کنید و مقدار آن ارسال نخواهد شد.

ادامه دارد...

Share this post


Link to post
Share on other sites

... ادامه

لیست های پایین افتادنی، چک باکس ها، دکمه های رادیویی

[ATTACH=CONFIG]1310[/ATTACH]

لیست های پایین افتادنی، چک باکس ها و دکمه های رادیویی خیلی شبیه همدیگر هستند. تب عمومی برای همه آنها یکی است. تفاوت جزئی با فیلد متنی و منطقه متنی وجود دارد. تفاوت در جعبه موارد (item) است که می توانید مواردی که قابل انتخاب خواهد بود را لیست کنید.

• مورادی که می خواهید کاربر انتخاب کند را لیست کنید.

• هر مورد را در یک خط قرار دهید.

مشخصه های فیلدهای پایین افتادنی

[ATTACH=CONFIG]1311[/ATTACH]

لیست پایین افتادنی مشخصه های متفاوتی دارد. می توانید اندازه نمایش آن را تعیین کنید و همچنین می توانید اجازه دهید که چندین انتخاب صورت گیرد. انتخاب بله به کاربرانتون اجازه می دهد کلید ctrl را نگه دارند و بر روی بیش از یک مورد کلیلک کرده و انتخاب کنند.

جزئیات:

• تگ انتخاب استاندارد html- به عنوان یک قانون اعتبار سنجی، تنها می تواند به اینکه فیلد ضروری باشد یا خیر تنظیم کرد. مشخصه ها:

• اندازه: چند مورد نمایش داده خواهد شد. به طور پیش فرض یک مقدار خالی دارد که باعث می شود به یک لیست پایین افتادنی تبدیل شود. اگر اندازه مشخص شود، به صورت یک لیست انتخابی نمایش داده شود.

• چندگانه: بله/خیر- اگر فعال شود، قادر خواهید بود با نگه داشتن کلیدCTRL یا SHIFT چندین انتخاب انجام دهید.

مشخصه های اضافی: همانند دیگر انواع فیلد، می توانید از این قسمت برای سفارشی کردن یک عنصر خاص فرم استفاده کنید.

• برای مثال: جاوا اسکریپت: onchange="your_function();" – یک تابع جاوااسکریپت را راه اندازی می کند

• style="width:200px " : CSS یک لیست پایین افتادنی / انتخابی، عرضی برابر 200 پیکسل خواهد داشت.

• مشخصه ورودی: disabled="disabled"- فیلد به طور کامل غیر فعال خواهد شد. نمی توانید درون فیلد تایپ کنید و مقدار آن ارسال نخواهد شد.

مشخصه های چک باکس ها و دکمه های رادیویی

[ATTACH=CONFIG]1312[/ATTACH]

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

فیلد رمز عبور

[ATTACH=CONFIG]1313[/ATTACH]

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

به قانون اعتبار سنجی توجه کنید. اگر فعال شود، فیلد در صورتی از قانون اعتبارسنجی عبور خواهد کرد که مقدار تایپ شده در آن دقیقا مشابه مقدار پیش فرض مشخص شده باشد.

ادامه دارد...

Share this post


Link to post
Share on other sites

ادامه...

تقویم

[ATTACH=CONFIG]1318[/ATTACH]

فیلد تقویم در فرم یک تقویم پاپ آپ( popup) میسازد. نحوه نمایش آن می تواند فقط خواندنی باشد یا تعاملی باشد تا کاربران بتوانند تاریخ را از تقویم انتخاب کنند. تقویم مسطح (Flat)همیشه در صفحه قابل نمایش است، گزینه دیگر آن پاپ آپ است.

شرح جزئیات:

• فرمت تاریخ: فرمت تاریخ انتخابی. به طور پیش فرض فرمت dd.mm.yyyy استفاده میشود.

نکته: اگر فرمت سه حرفی استفاده شود، نام مختصر ماه و روز جایگزین میشود. (برای مثال، ddd.mmm.yyyy). چهار حرفی برای مشخص کردن نام کامل ماه و روز استفاده میشود(dddd.mmmm.yyyy).

• ماکزیمم تاریخ: کاربر قادر نخواهد بود تاریخی بعد از تاریخ مشخص شده در این فیلد انتخاب کند.

• مینیمم تاریخ: کاربر قادر نخواهد بود تاریخی قبل از تاریخ مشخص شده انتخاب کند.

• طرح تقویم: مسطح/ پاپ آپ- نحوه نمایش تقویم را کنترل میکند.

• فقط خواندنی: بله/خیر- اگر خیر انتخاب شود کاربر می تواند تاریخ را در فیلد تایپ کند.

• برچسب پاپ آپ: اگر طرح پاپ آپ استفاده شود، می توانید برچسب دکمه ای که پنجره را راه اندازی می کند را تنظیم کنید.

• مشخصه های اضافی: هرموردی که در اینجا مشخص شود بر روی فیلدی که انتخاب تاریخ را ذخیره می کند، منعکس میشود. برای مثال: style="color:red"- باعث میشود که رنگ تاریخ انتخابی قرمز شود.

آپلود فایلها

[ATTACH=CONFIG]1319[/ATTACH]

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

شرح جزئیات:

• اندازه فایل: حداکثر اندازه قابل قبول یک فایل. اندازه باید با واحد KB مشخص شود.

• فایل های قابل قبول: لیستی از پسوندهای فایلهای مورد قبول. هر پسوند باید در یک خط نوشته شود.

• پیشوند فایل: برای جلوگیری از جایگزینی فایل ها در پوشه آپلود، , RSForm!Pro یک پیشوند تصادفی به نام فایل آپلود شده اضافه می کند. اگر شما یک پیشوند مشخص کنید- پیشوند شما به جای آن استفاده خواهد شد. توجه کنید که می توانید از کد PHP برای تولید پیشوند به صورت پویا استفاده کنید. این کد باید در بین تگ های // و // نوشته شود.

• مقصد: مسیر پوشه آپلود.

• پیوست: فایل می تواند به ایمیل کاربر، ادمین و ایمیل های تنظیم شده دیگر پیوست شود.

[ATTACH=CONFIG]1320[/ATTACH]

در پایان اگر تنظیمات صحیح باشد، با رنگ سبز مشخص می شود. اگر رنگ قرمز مشاهده کردید باید آن مورد را اصلاح کنید.

برای مثال، به حداکثر اندازه پست و آپلود نگاه کنید. اگر به نظر برای انواع فایلی که کاربرانتون می توانند آپلود کنند خیلی کوچک می آیند، باید آنها را در فایل php.ini تغییر دهید. اگر در این مباحث تازه وارد هستید، می توانید از آموزشهای زیر برای تنظیمات فایل php.ini استفاده کنید.

http://www.ostraining.com/blog/joomla/installation-problems/

http://www.ostraining.com/blog/coding/phpini-file/

اگر مسیر فایلهای موقت (Temporary Directory Set ) با کلمه قرمز نشان داده شده است، ممکن است یک مشکل نباشد. تنظیمات سراسری جوملا را چک کنید که چه مسیری برای فایلهای موقت شما در نظر گرفته شده است و بررسی کنید آیا اجازه دسترسی به پوشه tmp، 755 (قابل نوشتن) است. می توانید از این اخطار صرف نظر کنید و تا زمان امتحان کردن آپلودها منتظر بمانید. در این نوشته، به نظر نمیرسد جوملا 2.5 کشف پوشه موقت را گزارش کند. پس می توانید این اخطار را نادیده بگیرید.

متن آزاد

[ATTACH=CONFIG]1321[/ATTACH]

این فیلد به سازنده فرم این امکان را میدهد که دستورالعمل ها یا گرافیک یا راهنمایی ها را به بدنه فرم وارد کند. این فیلد، یک فیلد اطلاعاتی است و قابل کلیک کردن نیست. از تگ های HTML نیز می توانید استفاده کنید.

ادامه دارد...

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

Share this post


Link to post
Share on other sites

...ادامه

دکمه و دکمه تصویری

[ATTACH=CONFIG]1327[/ATTACH]

این فیلد مانند دکمه ثبت که قبلا اضافه کردید عمل میکند. دکمه تصویری، یک مشخصه اضافی دارد که این امکان را میدهد که آدرس url یک تصویر را مشخص کنید تا از آن به جای دکمه ریست یا استاندارد استفاده کنید.

شرح جزئیات:

• تصویر دکمه: مسیری برای تصویر دکمه ثبت.

• تصویر Reset : مسیری برای تصویر دکمه Reset.

• Reset: بله/ خیر.

• برچسب Reset.

• مشخصه های اضافی: می تواند برای استایل های اضافی یا راه اندازهای جاوااسکریپت استفاده شود. این مشخصه ها فقط بر روی تصویر دکمه ثبت اعمال میشود.

ضد اسپم کپچا

[ATTACH=CONFIG]1328[/ATTACH]

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

تولید تصویر: نوع آزاد/ نوع غیر آزاد/ پنهان. اگر نوع آزاد استفاده شود، کاراکترهای تولید شده فونت های متفاوتی خواهند داشت و باعث میشود امکان شناسایی آنها برای اسپمرها سختتر شود. اگر نوع کپچا پنهان استفاده شود، هیچ ورودی یا تصویری تولید نمیشود. این نوع از یک مقدار مبتنی بر نشست استفاده می کند تا بین کاربر و اسپم تفاوتی ایجاد کند.

فیلدهای پنهان

[ATTACH=CONFIG]1329[/ATTACH]

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

اگر با ساخت فرم ها ناآشنا هستید، این صفحه خلاصه خوبی از موارد پایه ای میدهد:

http://www.w3.org/MarkUp/html-spec/html-spec_8.html.

برچسب پشتیبانی

[ATTACH=CONFIG]1330[/ATTACH]

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

قطع صفحه

[ATTACH=CONFIG]1331[/ATTACH]

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

شرح جزئیات:

• برچسب دکمه بعدی: برچسب دکمه ای که به صفحه بعدی میرود.

• برچسب دکمه قبلی: برچسب دکمه ای که به صفحه قبلی میرود.

• اعتبارسنجی هنگام تغییر صفحه: بله/خیر. اگر فعال شود فیلدهای فرم هنگام کلیک بر روی صفحه بعدی اعتبار سنجی میشود.

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

پایان

Share this post


Link to post
Share on other sites

آیا میشه با آر اس فرم ، فرمی طراحی کرد که به مشتری کد رهگیری بده و طرف با کد رهگیری بتونه بعدا اطلاعات فروم رو ادیت کنه یا با کد رهگیری به یه سری اطلاعات دیگه مثلا قبول یا رد درخواستی رو که داده متوجه بشه؟ اگه با این فرمساز نمیشه با کدوم فرمساز میشه اینکارو کرد؟

Share this post


Link to post
Share on other sites

بله با rsform به سادگی میتونید کد رهگیری ایجاد کنید. ولی قسمت دوم سوالتون رو نفهمیدم :

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

اگه توضیح بدید، من راهنمایی میکنم که چطوری درستش کنید

Share this post


Link to post
Share on other sites
بله با rsform به سادگی میتونید کد رهگیری ایجاد کنید. ولی قسمت دوم سوالتون رو نفهمیدم :

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

اگه توضیح بدید، من راهنمایی میکنم که چطوری درستش کنید

نیکا کنید ، کلا کد رهگیری دادن باید به یه دردی بخوره دیگه ، مثلا طرف اومده فرم پر کرده برا کار و یه کد رهگیری هم بهش داده شده تا مثلا 10 روز بعد نیاد نتیجه رو از طریق کد رهگیری مشاهده کنه یا از طریق همون کد بتونه دوبار اطلاعات وارد کرده رو ادیت کنه(مثلا یادش رفته مدرک تحصیلی رو بزنه یا میخواد نوع مدرک رو عوض کنه) ، با این کد رهگیری چزور میشه این فرآیند رو عملیاتی کرد

Share this post


Link to post
Share on other sites

برای ایجاد کد رهگیری یا همون شماره تیکت، اینطوری عمل کنید:

یه فیلد جدید از نوع Support Ticket ایجاد کنید. این فیلد گزینه های زیر رو داره:

Name: که اسمشه

Characters: که نوع شماره تیکتی هست که میخواین ایجاد بشه. که شامل سه نوع alphanumeric (کاراکتر و عدد)، alpha (کاراکتر) و numeric (فقط عدد) هست. یکی شو انتخاب کنید.

Length: که تعداد کاراکترها رو تعیین میکنه.

حالا وقتی که کاربر فرم رو تکمیل میکنه، در واقع این فیلد شماره تیکت ما رو نمیبینه، ولی براش ثبت میشه. یعنی فرم تکمیل میشه و در manage submissions شماره تیکت قابل رویته.

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

به این منظور، وقتی که فرمتون رو توی rsform باز کردید، به تب User Emails برید و در قسمت subject، یه کلیک کنید تا اسم فیلدهایی که ساختید نشون بده . بعد فیلد تیکت خودتون رو انتخاب کنید تا جلوی subject درج بشه. کنارش هم میتونید متن دلخواهتون رو بنویسید.

(مثال: فیلدی که من ساختم اسمش test بود)

شماره درخواست {test:value}

البته بجز سابجکت ایمیل، هرجاییش که خواستید هم به همین روش میتونید شماره تیکت رو درج کنید.:128fs318181:

Share this post


Link to post
Share on other sites

برای آپلود فایل یا تصویر، باید تو مدیریت فرم، مسیر Destination رو درست ست کرده باشید. که روی لوکال و روی هاست هم فرق میکنه. یعنی بعد از انتقال سایت از لوکال به هاست، باید دوباره تنظیماتش رو انجام بدید. (این destination، در واقع جزئی از تنظیمات دکمه ی آپلود شماست. یعنی روی دکمه آپلودی که ساختید تو مدیریت فرم ، کلیک کنید تا بتونید ویرایشش کنید)

توی لوکال معمولا Destination این شکلیه:

C:\wamp\www\YOUR SITE\components\com_rsform\uploads\

ضمنا بخش File Prefix (leave blank for default) رو هم چک کنید. اگه محدودیتی برای فرمت فایل های آپلود ندارید بذارید خالی باشه. دقت کنید که پسوندهایی که میخواین آپلود بشن، اینجا وارد نکرده باشید

ویرایش شده در توسط Mahboobe.Maleki
توضیح بیشتر

Share this post


Link to post
Share on other sites

می خواهم آموزش اضافه کردن فیلد ثبت نام به وسیله این فرمساز را بهم بدهید.

من باز متوجه نمیشم. میخواین از rsform pro بجای فرم ثبت نام پیش فرض جوملا کنید؟ که آموزشش همین جاست.

با این فرم ساز به فرم پیش فرض ثبت نام نمیشه چیزی اضافه کرد.

آموزش افزودن فیلدهای بیشتر به فرم ثبت نام پیش فرض جوملا

Share this post


Link to post
Share on other sites
برای آپلود فایل یا تصویر، باید تو مدیریت فرم، مسیر Destination رو درست ست کرده باشید. که روی لوکال و روی هاست هم فرق میکنه. یعنی بعد از انتقال سایت از لوکال به هاست، باید دوباره تنظیماتش رو انجام بدید. (این destination، در واقع جزئی از تنظیمات دکمه ی آپلود شماست. یعنی روی دکمه آپلودی که ساختید تو مدیریت فرم ، کلیک کنید تا بتونید ویرایشش کنید)

توی لوکال معمولا Destination این شکلیه:

C:\wamp\www\YOUR SITE\components\com_rsform\uploads\

ضمنا بخش File Prefix (leave blank for default) رو هم چک کنید. اگه محدودیتی برای فرمت فایل های آپلود ندارید بذارید خالی باشه. دقت کنید که پسوندهایی که میخواین آپلود بشن، اینجا وارد نکرده باشید

این فرستادن عکس مارو بیچاره کرده

همه ی جاهشو خالی گذاشتم بازم نمیشه

دوباره میزنه Invalid Input

حالمو گرفته !

Share this post


Link to post
Share on other sites

دوست عزیز من نگفتم همه جاهاشو خالی بذاری!!

لطفا دوباره با توضیح من چک کنید مراحل رو.

سایتتون روی هاسته یا لوکال؟

اگه آدرس سایت رو بدید من میتونم چک کنم.

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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