پارس جوم :: انجمن های تخصصی جوملا

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

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

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

باید ابتدا در سربرگ CSS and Javascript قسمت پایین که برای قرار گیری کدهای جاوا هست کدی مثل این کد رو قرار بدین
کد php:
<script type="text/javascript">

function 
dynamic1(parent,child){

    var 
parent_array = new Array();

    
parent_array[''] = ['Please select a manufacturer'];

    
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'];

    var 
thechild document.getElementById(child);

    
thechild.options.length 0;

    var 
parent_value parent.options[parent.selectedIndex].value;

    if (!
parent_array[parent_value]) parent_value '';

    
thechild.options.length parent_array[parent_value].length;

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

</script> 

این دو مورد زیر رو از کد بالا توضیح میدم
کد php:
    parent_array[''] = ['Please select a manufacturer'];

    
parent_array['Audi'] = ['A3','A4','A5','A6','A8','Q5','Q7','S3','S4','S5','S6','S8','RS6']; 

-------------------------
کد زیر
کد php:
parent_array[''] = ['Please select a manufacturer']; 
برای درج کلمه مورد نظر شما برای انتخاب کابر هست مثلا "لطفا یکی از گزینه ها را انتخاب کنید"

کد زیر
کد php:
parent_array['Audi'] = ['A3','A4','A5','A6','A8','Q5','Q7','S3','S4','S5','S6','S8','RS6']; 
برای درج گزینه های کشویی دوم هست.
مثلا شما میخواین با انتخاب نام اتومبیل "Audi" در دراپ داون اول گزینه های A3 و A4 و A5 و ... در دراپ داون دوم به کاربر نمایش داده بشه.
شما باید مطابق گزینه هاتون این کدها رو ویرایش و کم و زیاد کنید.

--------------------------
بعد دراپ داون اول(یاهمون لیست کشویی) رو با آیتم های مورد نیازتون به صورت زیر و با مثال کد بالا و نام دلخواهتون میسازید.
کد php:
|Please select a manufacturer
Audi
Dacia
FIAT
Peugeot
SEAT
Skoda 

توی همین لیست کشویی در قسمت خواص اضافه کد زیر رو وارد میکنید.
کد php:
onchange="dynamic1(this,'CarModel');" 

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


حالا دراپ داون یا همون لیست کشویی دوم رو بانامی که در کد قبلی گفتم ایجاد کنید و فقط در قسمت آیتم ها گزینه زیر رو وارد کنید.
کد php:
|Please select a model 
و لیست رو ذخیره کنید.

حالا دیگه میشه اون چیزی که شما میخواستین.

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

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


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

موفق و پیروز و سربلند باشید Rose
ممنون
ولي اي كاش بتوانيد اين را هم آموزش قرار بدهيد !
كه دراپ داون اول استان
دومي شهرستان هاي هر استان
سومي منظقه هاي هر شهر
چهارمي ناححيه ها

* ديگه شهراداري ريز بندي اش نكرده وگرنه ادامه مي دادم *
چشم، بررسی میکنم و به زودی آموزششو قرار میدم.

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

Properties=>Design=>Form Layout=> HTML Layout

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