القوائم في JavaScript
القوائم :-
القوائم عناصر مهمة جدا في كثير من الصفحات الإنترنت , وتعتبر وسيلة جذابة للتنقل بين الصفحات
وتلك القائمة أحد العناصر المتاحة في النموذج , حيث يمكن عمل قائمة عن طريق كود HTML بكل بساطة :
<html>
<head>
<title>Menu</title>
<script language="JavaScript">
Function loadPage(content)
{
Window.open (content)
}
</script>
<body>
<FORM NAME= "demo">
<SELECT NAME= "menu" onChange="loadPage(this.form.menu.value)">
<OPTION VALUE="egypt.html">مصر
<OPTION VALUE="saudi.html">السعودية
<OPTION SELECTED VALUE="q8.html">الكويت
<OPTION VALUE="uae.html">الإمارات
</select>
</form>
</HTML>
كما هو واضح حيث يعمل Select علي إنشاء قائمة من ذلك النوع , والوسم Option الخاص بوضع محتويات القائمة وعن دالة loadPage تستطيع أن تأخذ القيمة value الموجودة مع كل عنصر بالقائمة والتي تحتوي علي عنوان الصفحة المطلوب الذهاب إليها...
وإليك طريقة أخري لكتابة الدالة LoadPage وهي بمجرد اختيار أحد عناصر القائمة نذهب إلي الصفحة الخاصة به...
<html>
<head><title>Menu</title>
<script language="JavaScript">
Function loadPage()
{
Var sel-idx = dicument.demo.menu.selecteddIndex
Var urlToLoad = document.demo.menu.options {sel-idex}.value
Location.href = urlToLoad
}
</script>
<body>
<FORM NAME= "demo">
<SELECT NAMe = "menu" onChange= "loadPage ()">
<OPTION VALUE=egypt.html"مصر
<OPTION VALUE ="saudi.html">السعودية
<OPTION SELECTED VALUE= "q8.html">الكويت
<OPTION VALUE= "uae.html">الإمارات
</SELECT>
</FORM>
</body>
</html>
Radio
|
Radio
|
Link
|
Form
|
Document
|
CheckBox
|
Button
| |
Blur
| |||||||
0
|
0
|
0
|
0
|
0
|
Click
| ||
Change
| |||||||
Focus
| |||||||
0
|
Load
| ||||||
0
|
MouseOver
| ||||||
Select
| |||||||
0
|
Submit
| ||||||
Unload
| |||||||
0
|
0
|
0
|
Selection
| ||||
0
|
Submit
| ||||||
0
|
0
|
0
|
Text
| ||||
0
|
0
|
0
|
0
|
Textarea
|
*وجود نقطة في الخلية يعني أن العنصر في يسار صف الخلية يمكنه التقاط الحدث في أعلي عمود الخلية ... والعكس صحيح عدم وجود نقطة في خلية يعني أن العنصر في بداية يسار صف الخلية لا يمكنه التقاط الحدث في أعلي عمود الخلية...
تعليقات
إرسال تعليق