أدوات ASP.NET [6]
استخدام الأداة Image:
تستخدم الأداة
Image لعرض صور في صفحة ويب من نوع ASP.NET .
خصائص هذة الأداة
Image:
AlternateText: تضبط و تعيد النص الذي يظهر في العنصر Image في حال عدم ظهور الصورة ،و
يظهر كتلميح في حال وجود الصورة خاصة مع المتصفحات الحديثة.
ImageUrl: تضبط و تعيد عنوان URL للصورة المراد ظهورها في الصفحة.
Width:
تضبط و تعيد عرض الصورة.
Height:
تضبط وتعيد ارتفاع الصورة.
ImageAlign: تضبط و تعيد محاذاة الصورة في الصفحة
(تحدید موقع الصورة بالنسبة لأدوات HTML)
و تأخذ عدة قيم منها: Top, middle, Bottom, Left, Right.
---------------------------------------------------------------------------
مثال: نستخدم
اداة Image
فى صفحة ونغير خصائصها كالتالى ,الخاصية ImageUrl نحدد عنوان الصورة عن طريق
وباقى الخصائص
كما بالشكل
وعند اختبار
الصفحة يصبح الشكل كالتالى
**********************************************************************
استخدام الأداة Image Button:
تستخدم أزرار الصور لعرض صور تستجيب لأحداث النقر ، و
هذا يعطي هذه الأداة إمكانيات أكثر من الأداة Image التي تعرض صوراً فقط و
لا تستجيب لأي أحداث
.
خصائص هذة الأداة
ImageButton:
AlternateText: تضبط و تعيد النص الذي يظهر في العنصر ImageButtonفي حال عدم ظهور الصورة ،و
يظهر كتلميح في حال وجود الصورة خاصة مع المتصفحات الحديثة.
ImageUrl: تضبط و تعيد عنوان URL للصورة المراد ظهورها في الصفحة.
Width:
تضبط و تعيد عرض الصورة.
Height:
تضبط وتعيد ارتفاع الصورة.
ImageAlign: تضبط و تعيد محاذاة الصورة في الصفحة
(تحدید موقع الصورة بالنسبة لأدوات HTML)
و تأخذ عدة قيم منها: Top, middle, Bottom, Left, Right.
:PostBackUrl للإنتقال إلى صفحة معینة بعد إرسال البیانات
إلى السیرفر.
الأحداث في الأداة ImageButton:
Click:
يقع عند النقر على زر الصورة
ImageButton.
---------------------------------------------------------------------------
مثال: نستخدم ImageButton ونغير
الخصائص كالتالى وعند النقر عليها تنتقل الى الصفحة Image.aspx.
وعند اختبار الصفحة نجد ان عند النقر
**********************************************************************
استخدام الأداة ImageMap:
تستخدم ھذه الأداة
لعرض صورة ما بالإضافة عند نقر المستخدم على أجزاء مختلفة من الصورة فبإمكاننا الاستجابة
بردود فعل مختلفة أیضا بحسب إحداثیات موقع النقر على الصورة , وعلى ھذا الأساس فبإمكاننا استخدام ھذه الأداة
كوسیلة للتنقل بین الصفحات مثلا.
خصائص هذة الأداة
ImageMap:
AlternateText: نص بدیل یتم عرضھ في حال عدم عرض الصورة المحددة.
DescriptionUrl: لتحدید رابط إلى صفحة تحتوي تفاصیل عن الصورة.
HotSpots: تكمننا من الحصول على جمیع النقاط الساخنة الموجودة (HotSpots) ضمن أداة .ImageMap
ImageAlign: تضبط و تعيد محاذاة الصورة في الصفحة(تحدید موقع الصورة بالنسبة لأدوات HTML)
و تأخذ عدة قيم منها Top, middle, Bottom, Left, Right.
ImageUrl: لتحدید مسار واسم الصورة التي سیتم عرضھا.
NavigateUrl:
تحدد عنوان URL
المراد الانتقال إليه عند النقر.
---------------------------------------------------------------------------
مثال : نستخدم اداة ImageMap ونغير الخصائص كالتالى
ونحدد امان النقر من HotSpots ومسار الانتقال NavigateUrl
وعند اختبار الصفحة نجد عند النقر على اول HotSpot سوف ينتقل للصفحة Image.aspx
--------------------------------------------------------------------------------------------------
