زمان کنونی: ۹-۱-۱۴۰۳, ۱۱:۰۷ عصر درود مهمان گرامی! (ورودثبت نام)


ارسال پاسخ 
 
امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش ایجاد فیلد مخفی شونده وابسته به دراپ داون در RSFORM
۲۰-۵-۱۳۹۱, ۱۲:۱۰ صبح
ارسال: #1
آموزش ایجاد فیلد مخفی شونده وابسته به دراپ داون در RSFORM
سلام به همه دوستان
در پاسخ یکی از دوستان به این سوال دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
که:

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

این آموزش برای انتخاب برند اتومبیل و زیر مجموعه های اون + اضافه شدن یه فیلد ارسال فایل هست/

----------------------------------------------------
و اما آموزش
----------------------------------------------------

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

فقط دقت کنید و دقیقا کاری که میگم رو انجام بدین.

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

1- کار اول

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

<script type="text/javascript">
function 
dynamic1(parent,child)
{
    var 
parent_array = new Array();
    
// This is the default value
    
parent_array[''] = ['Please select a manufacturer'];
    
// All other elements
    // parent_array['PARENT NAME'] = ['CHILD 1','CHILD 2','CHILD 3','ETC'];
    
parent_array['Audi'] = ['A3','A4','A5','A6','A8','Q5','Q7','S3','S4','S5','S6','S8','RS6'];
    
parent_array['Dacia'] = ['Sandero','Logan'];
    
parent_array['FIAT'] = ['Bravo','Punto','Grande Punto'];
    
parent_array['Peugeot'] = ['207','308','407','607'];
    
parent_array['SEAT'] = ['Ibiza','New Ibiza','Leon'];
    
parent_array['Skoda'] = ['Fabia','Octavia Tour','Octavia 2','Superb'];
    
    
// Get the child
    
var thechild document.getElementById(child);
    
    
// Remove all other options from the select element
    
thechild.options.length 0;
    
    
// What value are we looking for ?
    
var parent_value parent.options[parent.selectedIndex].value;
    
    
// No value found, use the default value
    
if (!parent_array[parent_value]) parent_value '';
    
    
// Set the correct length
    
thechild.options.length parent_array[parent_value].length;
    
    
// Add the options
    
for(var i=0;i<parent_array[parent_value].length;i++)
    {
        
thechild.options[i].text parent_array[parent_value][i];
        
thechild.options[i].value parent_array[parent_value][i];
    }
}

function 
displayField2()
{
    if(
document.getElementById('CarManufacturer').value == "FIAT")
    {
        
document.getElementById('helement2').style.display="";
    }
    else {
        
document.getElementById('helement2').style.display="none";
        
document.getElementById('FindOther2').value="";
        
document.getElementById('component113').setAttribute("class""formNoError");
        }
}

window.addEvent('domready', function() {
displayField1();
displayField2();
});

</script> 
-----------------------------------------------
در توضیح کد بالا بگم که خط زیر

    if(document.getElementById('CarManufacturer').value == "FIAT"

میگه که مثلا با انتخاب نام اتومبیل FIAT در همون دراپ داون اول که به نام CarManufacturer بود، فیلد دریافت فایل نمایش داده بشه.

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

2- کار دوم

یه فیلد دریافت تصویر با نام FindOther2 بسازید و تنظیمات دلخواهتون رو انجام بدین و ذخیرش کنید.

3- کار سوم

وارد ویرایش دراپ داون اولی بشین و در قسمت "خواص اضافه" کد قبلی رو با این کد جایگزین و ذخیره کنید:

onchange="dynamic1(this,'CarModel'); displayField2();" 

4- کار چهارم

به قسمت طرح بندی فرمتون برین و اونجایی که تگ های سفارشی رو میتونید وارد کنید یه سری کد وجود داره به صورت زیر:

<div>
    {
CarManufacturer:caption} (*)<br/>
    {
CarManufacturer:body}<br/>
    {
CarManufacturer:validation}
    {
CarManufacturer:description}<br/>
    {
CarModel:caption} (*)<br/>
    {
CarModel:body}<br/>
    {
CarModel:validation}
    {
CarModel:description}<br/>
    {
Submit:caption}<br/>
    {
Submit:body}<br/>
    {
Submit:validation}
    {
Submit:description}<br/>
</
div

حالا کد بالا رو با کد زیر جایگزین کنید:
<div>
    {
CarManufacturer:caption} (*)<br/>
    {
CarManufacturer:body}<br/>
    {
CarManufacturer:validation}
    {
CarManufacturer:description}<br/>
    {
CarModel:caption} (*)<br/>
    {
CarModel:body}<br/>

<
div class="componentheading">توضیحات شما</div>
{
error}
<
table border="0">
    <
tr class="rsform-block rsform-block-findother2" id="helement2">
        <
td>{FindOther2:caption}</td>
        <
td>{FindOther2:body}<div class="formClr"></div>{FindOther2:validation}</td>
        <
td>{FindOther2:description}</td>
    </
tr>
</
table>

    {
CarModel:validation}
    {
CarModel:description}<br/>
    {
Submit:caption}<br/>
    {
Submit:body}<br/>
    {
Submit:validation}
    {
Submit:description}<br/>
</
div

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

5- کار پنجم

فرم رو حتما ذخیره کنید!!!

حالا بعد از انتخاب نام FIAT به فیلد برای دریافت فایل ظاهر خواهد شد!

دقت کنید که ...

شما به جای اضافه کردن فیلد دریافت فایل میتونین هر فیلد دیگه ای مثل یه تکست باکس،نوشته، تاریخ یا ... رو اضافه کنید؛ فقط دقت کنید که اسمش باید همونی باشه که توی کار دوم گفتم.

----------------------------------------------------
پایان آموزش
----------------------------------------------------

نمونه انجام شده همین فرم که تو ضیح دادم رو میتونید دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دریافت کنید، مشکلی داشتین از میتونید از قسمت بازگردانی فرمهای پشتیبان گرفته شده rsform این فرم رو ببینید و مشکلاتتون رو برطرف کنید.

تو این شبهای قدر منو هم از دعای خیرتون بهره مند کنید.

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


نمونه انجام شده این آموزش با یه دونه دراپ داون و همچنین با چک باکس(طبق همونی که توی خود سایت rsjoomla هست) رو میتونید از پیوست دریافت کنید.


فایل‌(های) پیوست شده
show-hide-other-example.zip
نوع فایل .zip
دفعات دانلود 144
اندازه 2.15 کیلوبایت

امضاء امید
امام جواد (ع):

الْمُؤمِنُ يَحْتاجُ إلى ثَلاثِ خِصالٍ: تَوْفيقٍ مِنَ اللّهِ عَزَّوَجَلَّ، وَ واعِظٍ مِنْ نَفْسِهِ، وَ قَبُولٍ مِمَّنْ يَنْصَحُهُ

مؤمن در هر حال نيازمند به سه خصلت است:
واعظى از درون خود، توفيق از طرف خداوند متعال، قبول و پذيرش نصيحت كسى كه او را نصيحت نمايد.
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط محمدسلیمانی ، iman iman ، melilota ، محمدرضا بهارلو ، mnfn ، mal2moh ، aminafz
صفحه 2 (<ارسال بالا اولین ارسال این موضوع است>)
۱-۷-۱۳۹۲, ۰۱:۵۶ عصر
ارسال: #11
RE: آموزش ایجاد فیلد مخفی شونده وابسته به دراپ داون در RSFORM
البته برای ساخت فیلد مخفی از روش موجود در این فیلم اموزشی هم می تونید استفاده کنید که ساده تره
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


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

مثلا شما یه فیلد منوی انتخابی دارید توش
3 تا فیلد برای انتخابه مثلا :
تهران - اصفهان - خراسان

اگر تهران رو انتخاب کنید یه منوی انتخابی دیکه میاد که توش این موارد

تهران - کرج - دماوند - شهریاز

اگر اصفهان رو انتخاب کنید یه منوی انتخابی دیگه میاد توش این موارد

اصفهان - کاشان

و.....
امضاء mrt69
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط محمدسلیمانی
۳۰-۷-۱۳۹۲, ۰۲:۱۴ صبح
ارسال: #12
RE: آموزش ایجاد فیلد مخفی شونده وابسته به دراپ داون در RSFORM
سلام و خسته نباشید
من نمیدونم اصلاً کدهارو کجا باید وارد کنم؟!
میشه توضیح بدین؟
ممنون
sadad@yahoo.com
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
۳۰-۷-۱۳۹۲, ۰۷:۵۸ صبح
ارسال: #13
RE: آموزش ایجاد فیلد مخفی شونده وابسته به دراپ داون در RSFORM
سلام
خواص فرم > CSS and Javascript

اگر با ار اس اشنا نیستید بکاپ را دانلود و در اراس خودتون برگردونید بعد تغییرات خودتون و اعمال کنید.
امضاء محمدسلیمانی
چالش هاتو محدود نکن، محدودیت هاتو به چالش بکش

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط Reza Ganji
ارسال پاسخ 


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان