ورود

View Full Version : غیر فعال کردن ایتم های dropdown



marzban
شنبه 23 تیر 1386, 22:59 عصر
با سلام
توی دروپ داون های همین سایت برنامه نویس بعضی از آیتم ها امکان انتخاب ندارند مانند تالار ها
چطور می تونم آیتم های داخا دروپ دون را غیر فعال کنم
با تشکر مرزبان

eyes_shut_number1
شنبه 23 تیر 1386, 23:04 عصر
دوست عزیز با جاوااسکریپت میشه
باید ایندکس اونو Disable کنی

marzban
یک شنبه 24 تیر 1386, 09:16 صبح
با تشکر از راهنمایی شما
لطفا اگه ممکنه کد مربوطه را بگذارید.خیلی ممنون می شم
یا اگه ممکنه بیشتر توضیح بدید.
من خیلی با javascript اشنایی ندارم
با تشکر مرزبان

M-Gheibi
یک شنبه 24 تیر 1386, 11:14 صبح
الزامی به استفاده از جاوااسکریپت وجود نداره .
برای مثال نمونه کد زیر رو ببینید . آیتم‌های 2 و 6 غیر قابل انتخاب هستند .


<select name="drpTest">
<option value="1">Item-1</option>
<option value="2" disabled="disabled" style="color:#0000CC">Item-2</option>
<option value="3">Item-3</option>
<option value="4">Item-4</option>
<option value="5">Item-5</option>
<option value="6" disabled="disabled" style="color:#990000; font-weight:bold">Item-6</option>
</select>
ضمناً اگر استایل خاصی برای گزینه‌های غیر قابل انتخاب تعیین نکنید گزینه‌ی مورد اشاره به رنگ خاکستری کم‌رنگ = رنگ پیش فرض نمایش داده خواهند شد .

pooyanm
یک شنبه 24 تیر 1386, 12:01 عصر
از Option Group استفاده کن

marzban
یک شنبه 24 تیر 1386, 12:06 عصر
از کمک و راهنمایی شما خیلی ممنونم
اگر لطف بفرمایید و بگویید چطور از option group هم استفاده کنم خیلی ممنون می شوم
با تشکر مرزبان

pooyanm
یک شنبه 24 تیر 1386, 12:18 عصر
http://www.google.com/search?num=100&hl=en&lr=&as_qdr=all&q=optgroup

eyes_shut_number1
یک شنبه 24 تیر 1386, 14:30 عصر
درست میگین
من خواستم که بشه از طریق شرایط کاربر کنترل داشته باشه

M-Gheibi
یک شنبه 24 تیر 1386, 15:05 عصر
اگرچه به نظر می‌رسه دوستمون به پاسخ سوالشون رسیدند ولی در ادامه‌ی پست قبلیم این رو هم اضافه کنم که نرم‌افزار Internet Explorer یکی دیگه از شاهکارهاش ساپورت نکردن مشخصه‌/صفت disabled هست ! پس برای حل ( تا حدودی ) این مشکل باید چه کرد ؟! تنها راه عملی و دارای کمترین اشکال استفاده از یک کد جاوا اسکریپت (http://www.lattimore.id.au/2005/07/01/select-option-disabled-and-the-javascript-solution/) هست که توسط Allistair Lattimore تهیه شده . برای مشاهده‌ی مثال‌های استفاده از این کد اینجا (http://www.lattimore.id.au/files/examples/form-select-option-disabled-attr-js-simple.html) و اینجا (http://www.lattimore.id.au/files/examples/form-select-option-disabled-attr-js-complex.html) رو کلیک کنید .

ضمناً راه دیگه‌ای که یکی از دوستان در چند پست بالاتر بهش اشاره کرد استفاده از optgroup هست . درسته که استفاده از این تگ مشکل شما رو حل می‌کنه ولی باید به تفاوت option‌ و optgroup توجه کنید . استفاده از optionی که صفت disabled آن true تنظیم شده است اگرچه امکان انتخاب آن گزینه از کاربر گرفته می‌شود ولی با این وجود یک گزینه به حساب می‌آید . در مقابل optgroup همونطور که از اسمش پیداست گزینه به حساب نمیاد و برای دسته‌بندی و گروه‌بندی گزینه‌ها به کار می‌رود . حال با توجه به شرایط و نیاز‌های برنامه باید یکی از این دو روش رو انتخاب کنید .

neopersia
دوشنبه 25 تیر 1386, 06:00 صبح
البته می دونم بسیاری از دوستان HTML یاد دارند ولی برای اونایی که تازه شروع به یادگیری HTML کرده اند لینک زیر را برای آشنایی با ایجاد لیستهای کشویی قرار میدم. امیدوارم مفید باشه:

لیستهای کشویی، کار با تگ های <select> و <option> (http://www.neopersia.org/advanced_html/select.php)

eyes_shut_number1
دوشنبه 25 تیر 1386, 22:40 عصر
در ضمن این OPTGROUP مثل یه تیتر
مثل td and tr
نمیشه به عنوان یه ایتم قابل سلک شدن انتخاب بشه!

(ببخشید پست آقای m_... رو ندیدو شرمنده!