Like And Win VIP Hack
Click Like To WIN 30 Day VIP Hack

[ دورة DHTML ] الدرس الخامس – أحداث HTML

Home // Blog // [ دورة DHTML ] الدرس الخامس – أحداث HTML

 
Share Now And Win Free ViP HackShare on Facebook0Google+0Tweet about this on Twitter0
 تقوم أحداث HTML بإنشاء أحداث والتي تظهر على المتصفح .


الأحداث

باستخدام الجافاسكربت يمكنك إنشاء صفحات انترنت ديناميكية علماً أن الأحداث عبارة عن أفعال يتم إنشائها من خلال الجافاسكربت JavaScript .
كل عنصر في HTML يمكن ادارج أحداث معه في الجافاسكربت . على سبيل المثال يمكن استخدام الحدث onClick على عنصر الزر ليشيربأن كود وظيفي سيتم استخدامه عند ضغط المستخدم على الزر . يمكن تعريف الأحداث في عناصر HTML .
أمثلة عن الأحداث 

  • عند الضغط بالماوس .
  • عند فتح صفحة أو صورة .
  • عند تمرير الماوس فوق نقطة معينة في صفحة الويب .
  • عند اختيار حقل نص في نماذج HTML .
  • عند الضغط على زر ارسال النموذج .
  • عند الضغط بزر لوحة الوسوم .

في المثال التالي سيتم تغيير محتوى العنصر h1 عند الضغط عليها .

<html>
<body>
<h1 onclick="this.innerHTML='تم الضغط'">اضغط على النص</h1>

</body>
</html>

يمكنك اضافة الكود في قسم head وبعدها يمكنك استدعاء الكود الوظيفي function من خلال الضغط على الحدث :

<html>
<head>
<script type="text/javascript">

function changetext(id) {
id.innerHTML="تم الضغط";
}

</script>
</head>
<body>

<h1 onclick="changetext(this)"> اضغط على النص</h1>

</body>
</html>
Share Now And Win Free ViP HackShare on Facebook0Google+0Tweet about this on Twitter0

0 Comments ON " [ دورة DHTML ] الدرس الخامس – أحداث HTML... "
leave a response

*

Copyright © All Rights Reserved 2014→2017 To Add-Fast.CoM