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


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

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

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

باید ابتدا در سربرگ CSS and Javascript قسمت پایین که برای قرار گیری کدهای جاوا هست کدی مثل این کد رو قرار بدین
<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> 

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

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

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

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

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

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

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


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

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

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

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


موفق و پیروز باشید.


فایل‌(های) پیوست شده
dynamic-drop-down-example.zip
نوع فایل .zip
دفعات دانلود 144
اندازه 1.76 کیلوبایت

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

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

مؤمن در هر حال نيازمند به سه خصلت است:
واعظى از درون خود، توفيق از طرف خداوند متعال، قبول و پذيرش نصيحت كسى كه او را نصيحت نمايد.
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط محمدرضا بهارلو ، پیام عمرانی ، rezaetemadi ، sarv ، mahan ، hotcoffee
۲۰-۵-۱۳۹۱, ۱۲:۰۳ صبح
ارسال: #2
RE: آموزش ایجاد دو دراپ داون وابسته به هم در RSFORM
باتشکر از آقا امید
ایشاالله که ایشون آموزش های دیگر از این افزونه رو هم قرار دهند
منتظر آموزش های بعدی در این تاپیک هستیم

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

قم اس ام اس ::. سامانه ارسال پیام کشوری
ارائه پنل کاربری ، نمایندگی ، واگزاری خطوط مجازی ، تعرفه ثابت 100 ریال ، امکانات نامحدود و فوق العاده ، پنل رایگان ، شماره اختصاصی رایگان و....
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
& دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
09109984196
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
۲۰-۵-۱۳۹۱, ۱۲:۱۰ صبح
ارسال: #3
RE: آموزش ایجاد دو دراپ داون وابسته به هم در RSFORM
ممنون
ولي اي كاش بتوانيد اين را هم آموزش قرار بدهيد !
كه دراپ داون اول استان
دومي شهرستان هاي هر استان
سومي منظقه هاي هر شهر
چهارمي ناححيه ها

* ديگه شهراداري ريز بندي اش نكرده وگرنه ادامه مي دادم *
امضاء rezaetemadi
راه اندازی سایت فروش فایل با بهترین فروشگاه ساز فایل جوملا
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط امید
۲۰-۵-۱۳۹۱, ۱۲:۱۲ صبح
ارسال: #4
RE: آموزش ایجاد دو دراپ داون وابسته به هم در RSFORM
چشم، بررسی میکنم و به زودی آموزششو قرار میدم.

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

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

مؤمن در هر حال نيازمند به سه خصلت است:
واعظى از درون خود، توفيق از طرف خداوند متعال، قبول و پذيرش نصيحت كسى كه او را نصيحت نمايد.
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط rezaetemadi
۲۸-۲-۱۳۹۲, ۱۰:۴۴ عصر
ارسال: #5
آموزش ایجاد دو دراپ داون وابسته به هم در RSFORM
سلام و خسته نباشید من طبق این آموزش پیشرفتم و خوب انجام شد اما دیتای این شهر رو استانها رو از کجا باید بیارم ؟
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
۲۷-۶-۱۳۹۲, ۰۴:۰۱ عصر
ارسال: #6
RE: آموزش ایجاد دو دراپ داون وابسته به هم در RSFORM
باسلام این آموزش برای من خیلی مفید بود . ودراپ داونم رو ایجاد کردم حتی چهار تا دراپ داون بهم وابسته .فقط یه سوال در آر اس فرم چطور می تونم دوتا دراپ داون رو افقی یعنی کنار هم قرار بدم ؟
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
۲۷-۶-۱۳۹۲, ۰۹:۳۳ عصر
ارسال: #7
RE: آموزش ایجاد دو دراپ داون وابسته به هم در RSFORM
باید قالب فرم رو ویرایش کنید از قسمت

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

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


پرش به انجمن:


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