الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

عمل قائمة فرعية (تختفي وتظهر محتوياتها)

بدأه sunbol في 5 مايو 2009 · 13 رد · 984 مشاهدة · في ASP.NET
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكــم ورحمـة الله وبركاتــه ،،

اخواني الكرام

كيف يمكنني ان اعمل قائمه فرعيه تختفي وتظهر محتوياتها بمجرد ان يقوم المستخدم بالنقر عليها

علما ان محتويات القائمه يتم تعبئتها عن طريق الداتا ليست

كمثال القائمه المستخدمه في موقع كوره على الجانب الايمن في قسم المسابقات على الرابط التالي موقع كوره

علما ان هذه القائمه تم عملها عن طريق جدول

فقط يقوم باظهار واخفاء الحقول كلما ضعط المستخدم على احدي المسابقات

وذلك دون عمل رفريش للصفحه

يعني موضوع اخفاء القائمه واظهارها سهل ولكن للاسف يتم ذلك ويعمل رفريش للصفحه

post-83960-1241517321_thumb.jpg

36cm7.gif
#2

اه اسف نسيت ان اكتب لكم الكود

<table class="" width="100%" border="0" cellpadding="0" cellspacing="0">
  <tbody>
  <tr>
	<td>
	<table class="bd12" width="100%" border="0" cellpadding="0" cellspacing="0">
  <tbody>

  <tr>
   <td width="100%">  

						<table dir=rtl  width="143" align="center" border="0" cellpadding="0" cellspacing="0">	

							  <tr>
							  <td>
							   <table cellpadding="0" cellspacing="0" width="142">
									<tbody>
							 <tr>
										<td style="background-color:#f0e262;height:19px;width:22px;" align="center"><img src="img/arrow.gif" alt="" border="0" /></td>
										<td align="right" style="width:135px;background-color:#f0e262;padding-right:5px;">

					<asp:LinkButton ID="btnSave" runat="server" 
			  onclick="btnSave_Click">قسم الالعاب</asp:LinkButton>
									   </td>
										</tr>

								</tbody>
								</table>

							  </td>
							  </tr>


								   </table> 

								   </td>
  </tr>

  <tr>
   <td width="100%">  

						<table dir=rtl  width="143" align="center" border="0" cellpadding="0" cellspacing="0">	

							  <tr>
							  <td>

							  <asp:DataList  ID="ListMenu" CellPadding="0" RepeatDirection="Vertical" RepeatColumns="1" Width="142px" Visible =false
							runat="server" EnableViewState="false">
							<HeaderTemplate>
								<table cellpadding="0" cellspacing="0" width="142">
									<tbody>
							</HeaderTemplate>
							<ItemTemplate>
							 									<tr>
										<td style="background-color:#f0e262;height:19px;width:22px;" align="center"><img src="img/arrow.gif" alt="" border="0" /></td>
										<td align="right" style="width:135px;background-color:#f0e262;padding-right:5px;"><a class="menulink" href='Catalogs.aspx?catid=<%# DataBinder.Eval(Container.DataItem, "fld_CategoryID") %>'><%# PublicOperations.GetTitleWithoutImage( DataBinder.Eval(Container.DataItem, "fld_CategoryName").ToString())%></a>	
	</td>
									</tr>

							</ItemTemplate>

							<FooterTemplate>
									   </tr>
								 </tbody>
								</table>
							</FooterTemplate>
				</asp:DataList>
								 </td>
							  </tr>

								   </table> </td>
  </tr>
   <tr>
   <td width="100%">  
	   <table dir=rtl  width="143" align="center" border="0" cellpadding="0" cellspacing="0">		   		  <tr>
							  <td>
							  <table cellpadding="0" cellspacing="0" width="142">
									<tbody>
									<tr>
										<td style="background-color:#f0e262;height:19px;width:22px;" align="center"><img src="img/arrow.gif" alt="" border="0" /></td>
										<td align="right" style="width:135px;background-color:#f0e262;padding-right:5px;">
	 <asp:LinkButton ID="LinkButton2" runat="server" 
			  onclick="btnSave_Click2">قسم الروضات</asp:LinkButton>
	</td>
										</tr>							   
								</tbody>
								</table>											  
							  </td>
							  </tr>  
								   </table> 

								   </td>
  </tr>
	<tr>
   <td width="100%">  
   <table dir=rtl   width="143" align="center" border="0" cellpadding="0" cellspacing="0">							   	
							  <tr>
							  <td>
										  <asp:DataList  ID="ListMenu2" CellPadding="0" RepeatDirection="Vertical" RepeatColumns="1" Width="142px"  Visible =false 
							runat="server" EnableViewState="false">
							<HeaderTemplate>
								<table cellpadding="0" cellspacing="0" width="142">
									<tbody>
							</HeaderTemplate>
							<ItemTemplate>

									<tr>
										<td style="background-color:#f0e262;height:19px;width:22px;" align="center"><img src="img/arrow.gif" alt="" border="0" /></td>
										<td align="right" style="width:135px;background-color:#f0e262;padding-right:5px;"><a class="menulink" href='Catalogs.aspx?catid=<%# DataBinder.Eval(Container.DataItem, "fld_CategoryID") %>'><%# PublicOperations.GetTitleWithoutImage( DataBinder.Eval(Container.DataItem, "fld_CategoryName").ToString())%></a>	
	</td>			</tr>						  
							</ItemTemplate>

							<FooterTemplate>

									</tr>

								</tbody>
								</table>
							</FooterTemplate>
				</asp:DataList>
							  </td>
							  </tr>
							  </table> </td>
  </tr>

</tbody></table>
</td>
  </tr>
</tbody>


</table>

هذه احدي الطرق التى جربتها

كما تلاحظون هنا انا استخدم اثنين داتا سيت وكلاهما مخفيتين

ولكن عندما اقوم بعرضها يعمل رفرش للصفحه ككل

36cm7.gif
#3

السلام عليكــم ورحمـة الله وبركاتــه ،،

اخي العزيز اخبرني اذا كانت المعلومات الظاهره لديك قادمه من داتابيز ام انك قمت بادخالها عن طريق الكود؟

اذا كانت عن طريق الكود يعني manual فعليك استخدام javascript واذا اردت هذه الطريقة اخبرني سابعت لك متال لعمل متل هذه وشكرا

دعواتكم لنا بالتوفيق

#4

شكرا اخي الكريم

اتمنى انو الفكره تكون وصلت لك

كما تلاحط من الكود السابق فقد تم جلب البيانات عن طريق الكود

36cm7.gif
#5

السلام عليكــم ورحمـة الله وبركاتــه ،،

لقد فهمت اسلوبك من خلال الكود ولكن هذا الموضوع هكذا اصبح صعب بسبب تعاملك مع الداتا بيز وهنا يجب عليك استخداك الاجاكس او ع الاقل م استخدام السكريبت مانجر والابديت بانيل updatepanel وهي متوفره في vs2008 من ال tools ولكن انصحك بالتعلم على silverlight

وهذ رابط التقنيه الجديدة في ميكروسوفت واللتي لاتحتاج الى postpack نهائيا يعني refresh

وهذا رابط التعليم الخاص في المدونه لدي اضغط هنا لزيارة المدونة

#6

السلام عليكــم ورحمـة الله وبركاتــه ،،

قد يكون الكود السابق طويل قليلا

لذلك سوف اختصر الفكره

<table>
<tr>
<td>
<asp:LinkButton  ID="a" runat =server > الحدث الاول</asp:LinkButton></td>
</tr>
<tr visible =false >العناصر</tr>
<td>
<asp:LinkButton  ID="LinkButton1" runat =server > الحدث الثاني</asp:LinkButton></td>
</tr>
<tr visible =false>العناصر</tr>
</table>

الحدث الاول يظهر العناصر الاولى

والحدث الثاني يظهر العناصر الثانية

المشكله هناك انه في ظهور الاحداث واخفائها يعمل رفرش للصفحه

كيف يمكن تجنب ذلك

36cm7.gif
#7

السلام عليكــم ورحمـة الله وبركاتــه ،،

وصلتني فكرتك اخي sunbol وساقوم بعمل متال بسيط وابعته لك قريبا ان شاء الله اليوم او غدا

مع تحياتي لكم بالتوفيق

#8

السلام عليكــم ورحمـة الله وبركاتــه ،،

هذه تجربة بسيطه للمطلوب وقد نجحت

ولكن للاسف هنا انا استخدم <input> ولا استطيع ان استخدم لينك بوتم كما اريد

<html>
<head>
<script type="text/javascript">
function removeElement()
{

document.getElementById("p1").style.visibility ="hidden";
document.getElementById("p2").style.visibility = "visible";

}
function removett()
{

document.getElementById("p1").style.visibility ="visible";
document.getElementById("p2").style.visibility ="hidden";

}
</script>
</head>
<body>

	<form id="form1" runat="server">

<h1>Hello</h1>

<p id="p1" >This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.</p>
<p id="p2"  >hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</p>

<input type="button" onclick="removett()"
value="Do not " />
<input type="button" onclick="removeElement()"
value="Do not display paragraph" />





	</form>

</body>
</html>
36cm7.gif
#9

ارجو المساعده ياخوان

36cm7.gif
#10

جرب هذه القائمة

بالمرفقات

includes.rar

أُحبُّ الصَّالِحِينَ وَلسْتُ مِنْهُمْ ××× لَعَلِّي أنْ أنَالَ بهمْ شَفَاعَهْ

وَأكْرَهُ مَنْ تِجَارَتُهُ المَعَاصِي ××× وَلَوْ كُنَّا سَواءً في البضَاعهْ

#11

شكرا اخي الكريم

ولكن هل من الممكن ان تمدني بمثال كامل

حيث ان المرفق لا يعمل معي عند اضافته الى اي مشروع

36cm7.gif
#12

السلام عليكــم ورحمـة الله وبركاتــه ،،

ارجو المساعده ياخوان لمن يعرف الحل

36cm7.gif
#13

استخدم

AjaxEnabledWebSite

وحط menuبداخل UpdatePanel

أُحبُّ الصَّالِحِينَ وَلسْتُ مِنْهُمْ ××× لَعَلِّي أنْ أنَالَ بهمْ شَفَاعَهْ

وَأكْرَهُ مَنْ تِجَارَتُهُ المَعَاصِي ××× وَلَوْ كُنَّا سَواءً في البضَاعهْ

#14

فكرة بهذا الحل في البداية

ولكن للاسف لم ينجح معي

36cm7.gif

مواضيع مشابهة