+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: آموزش (/forum-25.html)
+--- انجمن: آموزش هاي جوملا (/forum-106.html)
+--- موضوع: {كاربردي} آموزش ایجاد دو دراپ داون وابسته به هم در RSFORM (/thread-7689.html)
آموزش ایجاد دو دراپ داون وابسته به هم در 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
حالا دیگه میشه اون چیزی که شما میخواستین.
----------------------------------------------------
پایان آموزش
----------------------------------------------------
نمونه انجام شده همین فرم رو پیوست کردم.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
موفق و پیروز باشید.
RE: آموزش ایجاد دو دراپ داون وابسته به هم در RSFORM - محمدرضا بهارلو - ۲۰-۵-۱۳۹۱ ۱۲:۰۳ صبح
باتشکر از آقا امید
ایشاالله که ایشون آموزش های دیگر از این افزونه رو هم قرار دهند
منتظر آموزش های بعدی در این تاپیک هستیم
موفق و پیروز و سربلند باشید
RE: آموزش ایجاد دو دراپ داون وابسته به هم در RSFORM - rezaetemadi - ۲۰-۵-۱۳۹۱ ۱۲:۱۰ صبح
ممنون
ولي اي كاش بتوانيد اين را هم آموزش قرار بدهيد !
كه دراپ داون اول استان
دومي شهرستان هاي هر استان
سومي منظقه هاي هر شهر
چهارمي ناححيه ها
* ديگه شهراداري ريز بندي اش نكرده وگرنه ادامه مي دادم *
RE: آموزش ایجاد دو دراپ داون وابسته به هم در RSFORM - امید - ۲۰-۵-۱۳۹۱ ۱۲:۱۲ صبح
چشم، بررسی میکنم و به زودی آموزششو قرار میدم.
یاعلی
آموزش ایجاد دو دراپ داون وابسته به هم در RSFORM - sadeghpa80 - ۲۸-۲-۱۳۹۲ ۱۰:۴۴ عصر
سلام و خسته نباشید من طبق این آموزش پیشرفتم و خوب انجام شد اما دیتای این شهر رو استانها رو از کجا باید بیارم ؟
RE: آموزش ایجاد دو دراپ داون وابسته به هم در RSFORM - sarv - ۲۷-۶-۱۳۹۲ ۰۴:۰۱ عصر
باسلام این آموزش برای من خیلی مفید بود . ودراپ داونم رو ایجاد کردم حتی چهار تا دراپ داون بهم وابسته .فقط یه سوال در آر اس فرم چطور می تونم دوتا دراپ داون رو افقی یعنی کنار هم قرار بدم ؟
RE: آموزش ایجاد دو دراپ داون وابسته به هم در RSFORM - mrt69 - ۲۷-۶-۱۳۹۲ ۰۹:۳۳ عصر
باید قالب فرم رو ویرایش کنید از قسمت
Properties=>Design=>Form Layout=> HTML Layout
کد رو توی دریم ویور یا فرونت پیج ویرایش کنید و قسمت ها و فیلد ها رو با تعداد ستون مورد نظر خودتون بسازید