مثال 11: اعلام اندیس با رویداد انتخاب آیتم های لیست

دوره ی سریع: آموزش Java Script بوسیله ی مثال های کوچک (ویژه ی برنامه نویسانی که وقت کافی ندارند)

صفحۀ اصلی |> مثال 11: اعلام اندیس با رویداد انتخاب آیتم های لیست

با سلام. به یازدهمین مثال از مجموعه مثال های دوره ی آموزش سریع Java Script خوش آمده اید. این مثال درمورد روش انجام شدن عملی در رویداد انتخاب شدن یکی از آیتم های لیست می باشد، بطوریکه وقتی یکی از آیتم های یک لیست را با کلیک کردن انتخاب می کنیم، شماره ی اندیس مربوطه به نمایش درآید.

کدهای HTML و Java Script شکل 1 را در Notepad تایپ کنید (من خودم برای خوانایی بهتر کدها، از محیط Visual Studio استفاده کرده ام) و سپس آنرا در دسک تاپ تحت نام Test11.html و نوع فایل (*.*) All Files ذخیره کنید.

شکل 1. کدهای HTML و Java Script مربوطه

با دابل کلیک بر روی فایل ایجاد شده در دسک تاپ (فایل Test11.html)، خروجی را در مرورگر پیش فرض، بصورت شکل 2 ملاحظه خواهید کرد.

شکل 2. نمایش خروجی در مرورگر

حال با هر بار انتخاب شدن یکی از آیتم ها با رویداد کلیک، شماره ی اندیس مربوطه اعلام خواهد شد، شکل 3.

شکل 3. اعلام شماره ی اندیس

همچنین برای اجرای کد بالا بر روی وب سایت ما، می توانید >> اینجا << کلیک کنید.

موفق باشید.

نظرات خوانندگان این مطلب:

نوشته شده توسط: مدیریت وب سایت
2/25/2019 15:14:19 PM

با سلام خدمت کاربر گرامی diygo
البته طراحی سایت یک چیز است و برنامه نویسی سایت یک چیز دیگر ...
طراحی سایت یک هنر است که از روی تجربه و بررسی وب سایت های معتبر دیگر کسب می شود. برای برنامه نویسی هم باید دید که توانایی برنامه نویسی شما در چه حدی است. اگر برنامه نویس خوبی باشید، می توانید از زبان #C و یا PHP استفاده کنید اما اگر زیاد در برنامه نویسی قوی نیستید، بهتر است وب سایت خودتان را با استفاده از سیستم مدیریت محتوای Wordpress ایجاد کنید.
موفق باشید.
قنبری.
نوشته شده توسط: diygo
2/24/2019 12:17:25 PM

باسلام خدمت شما استاد عزیز میخواستم بدونم برای طراحی سایت از چه برنامه ای استفاده کنم
نوشته شده توسط: مهندس عبدالرضا قنبری

تاریخ های بروز رسانی این صفحه

  • 23 April 2018 - 1397/02/03

شما در این بخش می توانید نظر خود را به گوش نویسندۀ مطالب این صفحه برسانید. نظرات شما برای ما ارزشمند هستند:

نام شما (اختیاری):
آدرس ایمیل شما (اختیاری):
توجه: آدرس ایمیل شما بصورت محرمانه، محفوظ نگه داشته خواهد شد و صرفا از آن برای اطلاع رسانی به شما در مورد نتیجۀ پاسخ گویی به نظرتان و احیانا ارسال خبرنامه های دو وبسایت ما یعنی آموزین و آکسفورد+ استفاده خواهد شد، بطوریکه شما هر لحظه می توانید آن را غیرفعال کنید.
نظر ارزشمند شما:

فرآیند امنیتی: لطفا قبل از ارسال نظر، مجموع دو عدد 17 و 5 را در کادر مقابل بنویسید:
درباره ی ما

Your IP address: 34.204.193.85 ... Current time: 6/6/2020 5:54:06 PM

Oxford Plus Academy v2.1

Our Social Networks:
-----------------------
https://twitter.com/oxford_plus
https://twitter.com/WwwAmoozIn

https://facebook.com/oxfordpluspage
https://facebook.com/www.amooz.in

https://youtube.com/channel/UC3wT15qSyXQnu_IVj8OqGqw
https://takhtesefid.org/user/amoozin
https://www.aparat.com/amooz.in

telegram ID: @oxfordplus
telegram ID: @amoozin

Other contact ways:
----------------------
Email: abdolreza_ghanbari@yahoo.com
Mobile Phone Number (Only SMS): 09394817343
(آدرس: آذربایجان غربی - میاندوآب - خیابان تختی- پلاک 330 - فروشگاه آکسفورد (دفتر وب سایت
کد پستی: 5971817118
تلفن تماس: 45226690-044 - ساعات پاسخگویی: 8 الی 14