17-09-12, 03:37 AM
السلام عليكم درس اليوم فى طريق استخدم الاداء ModalPopupExtender
و بصرحه الاداء دى جميلة اوى فى الاستخدم و كمان بتحسس المستخد هو هو شغل على الجهاز بتعتو مش على موقع نت يعنى تحميل بسرعه و حاجات تانية المهم
الادوات المطلوب هى بالترتيب
1- Button1
2- Panel1
3- textbox
4- UpdatePanel
5- Button2
ImageButton-6
7- ModalPopupExtender
اول حاجه Button1 ده علشان عن طريق هتظهر شاشة التسجيل البيانات
حطو الادوات دى بالترتيب يعنى اول حاجه Panel بعد كده حط جوه الtextbox و بعد كده حط الاداء دى
UpdatePanel فوق الاداء Panel و حط جوها 2Button و و بعد كده حط الاداء ImageButton1 فوق على ال Panel على اليمين خالص
ModalPopupExtender لوحدها
بس كده التصميم كده جاهز نبدء تشغل فى الاكواد
عندك اول Button1 و ده لى عن طريقو هتظهر الشاشة بتع التسجيل و ده الكو بتعتها
تانى حاجه و هى ImageButton هات ايه صور عليه حرف X و دى علشان لو المستخدم مش عايز يسجل
و ده الكود بتعتها
و ده بقول ان لو التكست مش مكتوب جوه حاجه اهر الرسائل دى و فى نفس الوقت خالى الاداء
ModalPopupExtender1 فى العرض مش تختفى علشان لسه اكيد
و بعد كده كمل زاى ما انت عايز الشرطو لى عايزها بس المهم بعد ما تخلص فى الكود لى هو هيكون خلاص تمام الاضافة و الحمد الله استريحت اوعى تسنى تخلى الاداء ModalPopupExtender1
تختفى بقه ده طريق الكود ده
و بصرحه الاداء دى جميلة اوى فى الاستخدم و كمان بتحسس المستخد هو هو شغل على الجهاز بتعتو مش على موقع نت يعنى تحميل بسرعه و حاجات تانية المهم
الادوات المطلوب هى بالترتيب
1- Button1
2- Panel1
3- textbox
4- UpdatePanel
5- Button2
ImageButton-6
7- ModalPopupExtender
اول حاجه Button1 ده علشان عن طريق هتظهر شاشة التسجيل البيانات
حطو الادوات دى بالترتيب يعنى اول حاجه Panel بعد كده حط جوه الtextbox و بعد كده حط الاداء دى
UpdatePanel فوق الاداء Panel و حط جوها 2Button و و بعد كده حط الاداء ImageButton1 فوق على ال Panel على اليمين خالص
ModalPopupExtender لوحدها
بس كده التصميم كده جاهز نبدء تشغل فى الاكواد
عندك اول Button1 و ده لى عن طريقو هتظهر الشاشة بتع التسجيل و ده الكو بتعتها
كود :
[align=left] Private Sub WebForm1_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Button1.Text = "انشاء حساب جديد"
ModalPopupExtender1.Show()
End Sub[/align]
و ده الكود بتعتها
كود :
[align=left]Private Sub WebForm1_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
ImageButton1.ImageUrl = "~/delete.png"
ImageButton1.DescriptionUrl = "~/delete.png"
End Sub[/align]
نيجى بقه للاداء ModalPopupExtender ازاى نتعامل معها هقولك بص اقف على الاداء
و عن طريق الخصائص تعمل الاتى
CancelControlID = ImageButton1
و ده علشان تقدر تعمل اغلث للشاشة التسجيل البيانات
PopupControlID = Panel1
و دى علشان نستخدم فى ال Panel1
Drag = True
DropShadow = True
و دول علشان نعمل اضافة تاثير يا معلم هو مش بيان اوى بس حلو شغل برضو
ViewStateMode = UI.ViewStateMode.Enabled
و ده علشان طريق العرض
طبعا هتقولى طيب ايه لازم ال Button2
هقول يا معلم ده علشان تقدر تعمل اضافة فى قاعدة البيانات مش بررضو بنعمل ده كلو علشان نعمل شاشة تجسيل مستخدمين بطريقة حلو برضو
ده اول كود
و عن طريق الخصائص تعمل الاتى
CancelControlID = ImageButton1
و ده علشان تقدر تعمل اغلث للشاشة التسجيل البيانات
PopupControlID = Panel1
و دى علشان نستخدم فى ال Panel1
Drag = True
DropShadow = True
و دول علشان نعمل اضافة تاثير يا معلم هو مش بيان اوى بس حلو شغل برضو
ViewStateMode = UI.ViewStateMode.Enabled
و ده علشان طريق العرض
طبعا هتقولى طيب ايه لازم ال Button2
هقول يا معلم ده علشان تقدر تعمل اضافة فى قاعدة البيانات مش بررضو بنعمل ده كلو علشان نعمل شاشة تجسيل مستخدمين بطريقة حلو برضو
ده اول كود
كود :
[align=left] If TextBox1.Text = "" Then
Label1.Text = "برجاء التاكد من البيانات"
ModalPopupExtender1.Show()
Exit Sub
End If[/align]
و ده بقول ان لو التكست مش مكتوب جوه حاجه اهر الرسائل دى و فى نفس الوقت خالى الاداء
ModalPopupExtender1 فى العرض مش تختفى علشان لسه اكيد
و بعد كده كمل زاى ما انت عايز الشرطو لى عايزها بس المهم بعد ما تخلص فى الكود لى هو هيكون خلاص تمام الاضافة و الحمد الله استريحت اوعى تسنى تخلى الاداء ModalPopupExtender1
تختفى بقه ده طريق الكود ده
كود :
ModalPopupExtender1.Hide()
طبعا اخر حاجه و هى هتقولى طيب ازاى اقدر اتحكم فى الخلفية هقولك يا حج
عن طريق الاداء Panel
ضيف اسم الكلاس ده
modalBackground
و اعمل افاضة ملف جديد للمشروع من نوع css
اكتب الكود ده علشان الخلفية
عن طريق الاداء Panel
ضيف اسم الكلاس ده
modalBackground
و اعمل افاضة ملف جديد للمشروع من نوع css
اكتب الكود ده علشان الخلفية
كود :
[b][align=left]
.modalBackground
{
background-color: #03426A;
border-right-style: solid;
border-right-color: #4b6c9e;
border-right-width: 5px;
border-left-style: solid;
border-left-color: #4b6c9e;
border-left-width: 5px;
border-bottom-style: solid;
border-bottom-color: #4b6c9e;
border-bottom-width: 5px;
border-top-style: solid;
border-top-color: #4b6c9e;
border-top-width: 5px;
}[/align][/b]
و كده و الحمد الله تم الانتهاء من الشرح ايه رايكم الاداء حلوها ولا لا