القوائم المنسدله, كيف؟

القوائم المنسدلة، غالبا ما تكون client side أي أن المتصفح هو المسئول عن تنفيذها وليس السيرفر، إذا كان للبي اتش بي دخل في القوائم المنسدلة فهو فقط في إظهار محتواها من نصوص وروابط وليس تصميم.

هناك طريقتين لعمل القوائم المنسدلة، إحداها بالجافا سكريبت والأخرى عن طريق css

شخصيا أفضل css وحتى تطلع على كيفية عمل قوائم بالـ css فراجع الرابط التالي:

http://www.cssplay.co.uk/menus/final_drop.html

فهو يعرض ثلاث طرق مختلفة لعمل قوائم منسدلة

بالتوفيق

شكرا جزيلا لك اخي ....

في الرابط مثال جميل ولكن لا يحوي الموقع على اية شروحات للعملية, سوى المثال المذكور و ملف الستايل شيت المرفق..

ولكنني لم افهم كيفية تركيبه على الموقع,

على أية حال انا احاول تركيبة الان ولكن بالطبع لن استغني عن فهم الموضوع اولا...

شكرا جزيلا..:)

الشروحات موجودة داخل كل ملف css

هناك كومينت تشرح كل جزئية في الملف ووظيفتها

..

والله يا اخ عبد الله, ياريت لو فهمت شي تفهمنا وياك...

المعذره ولكن.... :wacko:

باختصار، تعمل ربط لملف css داخل صفحة html بحيث يكون ملف css في نفس المجلد بهذا الشكل:

<link rel="stylesheet" media="all" type="text/css" href="final_drop.css" />

هذا مثال عملته حيث تبدأ القائمة بـ div وكل قائمة فرعية تستخدم ul وترتب الاختيارات بواسطة li:

<div class="menu">
	<ul>
		<li><a href="#">a<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
			<ul>
				<li><a href="#">b</a></li>
				<li><a class="drop" href="#">c<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
					<ul>
						<li><a href="#">d</a></li>
					</ul>
				</li>
			</ul>
		</li>
	</ul>
</div>

بالتوفيق

شكرا لك على المجهود,,,

ولكن اذا فهمت قصدي فأنا اقصد القوائم المنسدله من النوع الذي ارفقت رابطه في ردك الاول...

حسب فهمي : المسألة تدار من خلال الستايل , ولا ادري ان كان يمكن ايجادها من خلال كود اتش تي ام ال, وهي كما تفظلتم فان المتصفح هو المسئول عن تنفيذها.....

على كل انا لازلت ابحث , وسآتيك يما سأتوصل اليه اذا شاء الجليل...

..:)

المثال اللذي كتبته لك أخي العزيز هو تطبيق لملف الـ css الموجود في الرابط اللذي أرفقته لك في ردي الأول

بالتوفيق

مشكوريين اخواني على هذا المجهود