استدعاء كود Java Script باستخدام زر أمر Button
-لاحظت فيما سبق أن جمل Java Script المكتوبة داخل الأمر <script></script> يتم تنفيذها تلقائيا.
-فإذا أردت أن تنفذ جمل Java Script المكتوبة داخل الأمر <script></script> عند وقوع حدث معين مثل النقر (الضغط بالماوس) علي زر أمر Button سوف تحتاج الي التعرف علي الدوال Function .
تعريف الدالة Function
-هي مجموعة من الأوامر التي تنفذ عند استدعائها ويجب إعطاء اسم مناسب للدالة يدل علي وظيفتها.
إنشاء الدالة Function
-لإنشاء دالة Function نتبع الخطوات التالية:
1-اكتب الأمر Function ثم اكتب اسم مناسب للدالة ( يفضل أن يدل علي وظيفتها)
2- اكتب الكود الذي سيتم تنفيذه بين القوسين{ } حيث يتم استدعاء الدالة.
-قم بإنشاء دالة عند استدعائها يظهر صندوق رسالة
مكتوب بداخله العبارة "جمهورية مصر العربية"
الخطوات
أنشئ ملف نصي جديد.
اكتبالكود الموضح وحفظه بامتداد htm.
افتح الملف في مستعرض الإنترنت
Function () اسم الدالة
{
كود الدالة
}
ملحوظة
-عند فتح الملف في المستعرض تظهر صفحة
ويب خاليه. لماذا؟
وذلك لعدم حدوث استدعاء للدالة country().
-لتنفيذ كود أي دالة يجب أولا استدعائها كما
سيأتي في الجزء التالي.
<html>
<head>
</head>
<body>
<script>
Function country()
{
alert("جمهورية مصر العربية");
}
</script>
</body>
</html>
استدعاء الدالة Function
- لكي يتم استدعاء دالة Function نقوم بعمل الخطوات التالية.
1-يتم إضافة زر أمر button . 2-إضافة الخاصية onclick لزر الأمر button.
ملحوظة :الخاصية onclick تكون قيمة اسم الدالة المطلوبة استدعائها.
-لتنفيذ كود استدعاء الدالة نكتب الكود التالي:
<input type =”button” onclick=”اسم الدالة المطلوبة استدعائها”>
<html>
<head>
</head>
<body>
<input type=”button” onclick=”country()” value=”click me”>
<script>
Function country()
{
alert("جمهورية مصر العربية");
}
</script>
</body>
</html>
ملاحظات
للوصول الي محتوي صندوق النص الموجود داخل النموذج تم عمل الاتي:
1-إعطاء اسم النموذج<form> وهو الاسم form1 عن طريق الخاصية name .
2-إعطاء اسم لصندوق النص وهو الاسم t1 عن طريق الخاصية name .
3-تم الوصول الي النص المكتوب داخل صندوق النص عن طريق الامر form1.t1.value أي عن طريق الخاصية value للصندوق t1 الموجود بالنموذجform1 .