عندما اضغط على واحدة من هاذه الايقونات اريد ان تكون لها خلفية مثل الايقونة الاولى وتبقى الخلفية معها حتى عندما اضغط على اي مكان اخر في الموقع .الا عندما اضغط على ايقونة في نفس الشريط فعندها اريد ان تعود الى حالتها الطبيعية وتتحول الخلفية للايقونة الجديدة
....اتمنى توصل
يمكنك أن تقوم بذلك عن طريق إستخدام الجافاسكريبت كالتالي
- تقوم بإنشاء class وتعطيه الخواص التي تريد الحصول عليها عند الضغط على العنصر
- تقوم بإنشاء دالة لتستقبل حد الضغط (onclick event)
- تقوم بإزالة الclass عن باقي الأيقونات عبر الشفرة البرمجية بالأسفل
- تقوم بإضافة الclass إلى الأيقونة المضغوط عليها عبر الشفرة البرمجية بالأسفل
function onclick(e){ document.querySelector(".اسم الكﻻس").classList.remove("سم الكﻻس") e.target.classList.add('اسم الكﻻس') }
التعليقات