العناصر في الجافا سكريبت JavaScript

العناصر في الجافا سكريبت :

هذه هي الصيغة العامة للتحكم في العناصر البرمجية وخصائصها :-

Object.Command

ومن أهم العناصر البرمجية المستخدمة في جافا سكريبت :-

Location document window navigator

Math String Date history

العنصر window :-

- النافذة عنصر من العناصر المهمة في الجافا سكريبت

- يمكن بناء النوافذ في الصفحات العادية وصفحات الإطارات

الأحداث المستخدمة مع العنصر window :-

*onBlur

*onDragDrop

*onError

*onFocus

*onLoad

*onMove

*onResize

*onUnload

الخصائص المستخدمة مع العنصر window :-

لإغلاق نافذة مفتوحة , إذا كانت القيمة المنطقية لتلك الخاصية True	closed
للكتابة في النافذة	document
لتحديد البعد الرأسي بالبيكسل لمحتويلت النافذة من الداخل	innerHeight
لتحديد البعد الأفقي بالبيكسل لمحتويات النافذة من الداخل	innerWidth
عدد صحيح يبين عدد الإطارات في النافذة	length
لتوضيح معلومات عن موقع النافذة الحالية URL	location
لإظهار شريط العنوان في النافذة إذا كانت قيمته True ,وعدم إظهاره إذا كانت القيمةFalse	locationbar
لإظهار شريط القوائم العلوي (..... (File- Edit-View- إذا كانت قيمته True, وإخفائه إذا كانت القيمةFalse	menubar
خاصية تسمية النافذة بإسم معين , للتعامل معها بعد ذلك في البرنامج	Name
تحديد البعد الرأسي للنافذة من الخارج متضمنا جميع أشرطة الأدوات والحالة والقوائم وغيرها	outerHeight
تحديد البعد الأفقي للنافذة من الخارج متضمنا جميع أشرطة الأدوات والحالة وغيرها	outerWidth
لتحديد الهامش الأفقي (وتكون نقطة الأصل (0و0) هي أعلي يسار الصفحة), وتكون القيم المدخلة لتحديد الهامش موجبة أو سالبة أو صفر وكلها تقاس بالبيكسل	pageXOffset
لتحديد الهامش الأفقي (وتكون نقطة الأصل (0و0) هي أعلي يسار الصفحة), وتكون القيم المدخلة لتحديد الهامش موجبة أو سالبة أو صفر وكلها تقاس بالبيكسل	pageXOffset
لتحديد الهامش الرأسي (وتكون نقطة الأصل (0و0) هي أعلي يسار الصفحة) , وتكون القيم المدخلة لتحديد الهامش موجبة أو سالبة أوصفر وكلها تقاس بالبيكسل	pageYOffset
لإظهار أشرطة التمرير الأفقية والرأسية بالصفحة إذا كانت القيمةTrue , وإخفائها إذا كانت القيمة False	scrollbars
لإظهار رسالة معينة في شريط الحالة بأسفل الصفحة	Status
يشير إلي شريط الحالة في أسفل المتصفح الذي يعرض الحالة الإفتراضية ورسائل الحالة وإنشاء بعض الأيقونات الأخري	Statusbar
لإظهار شريط الأدوات العلوي (Back – Forward – Stop - …) إذا كانت القيمة True, وإخفائها إذا كانت القيمة False	Toolbar
يشير إلي النافذة الحالية	Window

الطرق المستخدمة مع النوافذ :-

لإظهار صندوق رسالة معينة وتحتوي علي زر OK فقط	("رسالة")alert
لتحميل العنوان السابق الذي تم زيارته أخيرا في نفس النافذة	( ) back
إلغاء الوقت المحدد بين القوسين , والذي تم وضعه مسبقا عن طريق setInterval	clearInterval ()
لغلق النافذة	Close ()
لإظهار صندوق رسالة تأكيدية	)"رسالة") confirm
تستخدم للبحث عن نص بداخل محتوي النافذة , وتعطي القيمة True عند نجاح عملية البحث	find
تحميل الصفحة التي تم تخصيصها كصفحة افتراضية من خلال المتصفح	home ()
تحريك النافذة بقيم محددة بالبيكسل في الإتجاه الأفقي (x) , والإتجاه الرأسي (y)	moveBy (x,y)
تحريك الركن العلوي الأيسر من النافذة بقيم محددة بالبيكسل في الإتجاه الأفقي (x) , والإتجاه الرأسي(y)	moveTo (x,y)
فتح النافذة	open ()
طباعة محتويات الصفحة الحالية (من خلال الطابعة المثبتة علي الكمبيوتر)	print ()
عرض صندوق لإدخال البيانات	)"رسالة") prompt
إعادة تحجيم الجانب أفقيا بالقيمة المحددة بالبيكسل في (x), والإتجاه الرأسي بالقيمة المحددة بالبيكسل في (y),وتكون القيم المدخلة موجبة أو سالبة	resizeBy (x,y)
إعادة تعيين حجم النافذة الحالية بقيم محددة بالبيكسل في الإتجاه الأفقي (x) ,والإتجاه الرأسي(y) حيث يمثلا العرض والإرتفاع الخارجيين	resieTo (x,y)
إيقاف التحميل الحالي	stop () Window.open ()

- ال-الصيغة العامة :-

Window.open (URL,Name,features,Replace)

-URL : وصلة الصفحة المطلوب فتحها في نافذة جديدة

- Name : إختياري , لتحديد اسم الصفحة المطلوب فتحها (إذا كان مطلوب فتحها في نافذة أخري موجودة مثلا)

Features - : لسرد أوصاف الصفحة المطلوب فتحها (والتي أدخلت وصلتها مسبقا) ,ويتم الفصل بين كل خاصية والأخري بفاصلة (,) وتكون تلك المواصفات :-

- Width : تحديد عرض النافذة بالبيكسل

- height : تحديد ارتفاع النافذة بالبيكسل

- Fullscreen : لفتح النافذة ملء الشاشة

- Innerheight : تحديد الإرتفاع الداخلي بالبيكسل

- Innerwidth : لتحديد العرض الداخلي بالبيكسل

- Left : تحديد موقع النافذة الجديدة بالنسبة لشاشة الكمبيوتر (بالبيكسل) من جهة اليسار

- Locationbar : لإظهار عنوان الصفحة (URL) , وعند الرغبة في عدم عرضة ضع locationbar = no

- Resizable : خاصية تتيح لك التحكم في طريقة تغيير حجم النافذة الجديدة عن طريق شدها من الأطراف بالماوس , وعند الرغبة في عدم تفعيل تلك الخاصية ضع resizable = no

- screenX : تحديد موقع النافذة الجديدة بالنسبة لشاشة الكمبيوتر (بالبيكسل) أفقيا

- screenY : تحديد موقع النافذة الجديدة بالنسبة لشاشة الكمبيوتر (بالبيكسل) رأسيا

- Scrollbars : لإظهار أشرطة التمرير في أسفل الصفحة ويمينها , وعند الرغبة في إلغاء تفعيل تلك الخاصية ضع scrollbars = no

- Status : لإظهار شريط الحالة الموجود في أسفل الاصفحة , وعند الرغبة في إلغاء تفعيل تلك الخاصية ضع ststus = no

- Toolbar : لإظهار منطقة أدوات المتصفح

(Back , Forward , Stop , …. Ect)

- Menubar : لإظهار شريط القوائم الموجود بأعلي المتصفح , وعند الرغبة في إخفائة ضع toolbar = no

- Top : تحديد موقع النافذة الجديدة بالنسبة لشاشة الكمبيوتر (بالبيكسل) من الجهة العليا

- Replace : قيمة منطقية اختيارية window.close ()

تلك الطريقة تسمح للمستخدم بإغلاق الصفحة

مثال :-

<HTML>

<HEAD>

<TITLE>JavaScript popup Window </TITLE>

<!- -

Var winpopup

Function popupwin ()

{

Winpopup = window.open('open.html','popup','height=300, width=400,menubar=no, scrollbar=no, toolbar=no, screenX= 100, screenY=0, left=200,top=0,locationbar=yes, toolbar=yes, status=yes');

}

Function popupwin20

{

Winpopup.close();

}

Function popupwin3()

{

Window.close();

}

// - ->

</SCRIPT>

</HEAD>

<BODY>

<InpUT TYPe= "BUttOn" VALuE="Open

ONCLICK= "popupwin();"><br><br>

<INPUT TYPE= "BUTTON"VALUE="Close self"

ONCLCK="popupwin3();">

</FORM>

</BODy>

</HTML>

- عند تشغيل البرنامج تظهر لك النافذة ..

- عند الضغط علي المفتاح open تظهر لك هذه النافذة ..

- عند الضغط علي المفتاح Close تغلق النافذة الجديدة ..

- عند الضغط علي المفتاح Close Self يظهر لك الصندوق الحواري الآتية ..

- بضغط yes تغلق نافذة البرنامج وبضغط No تستمر في العمل مرة أخري …

- لاحظ إننا عند إنشاء النافذة قمنا بحفظ المتغير مؤشر – البعض يسميه مقبض Handler – لنافذة الجديدة في المتغير winpopup لإستخدامه عندما نريد إغلاقها ...

بحث هذه المدونة الإلكترونية

مكتبة فرحات الهندسية