بخصوص خاصية Active علي الروابط

2 مشترك

اذهب الى الأسفل

تم الحل بخصوص خاصية Active علي الروابط

مُساهمة من طرف moment الخميس 29 أغسطس 2024 - 16:22

السلام عليكم ورحمة الله وبركاته
اخبارك اخي كونان

وهل ممكن اخي
اضافة زر active مثل ما هو موجود بالدعم عن الضغط علي الصفحة ؟

بخصوص خاصية Active علي الروابط 2024-019
moment
moment
 
 

ذكر
عدد المساهمات : 76
معدل النشاط : 356
السُمعة : 0

https://gzarab.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: بخصوص خاصية Active علي الروابط

مُساهمة من طرف كونان2000 الخميس 29 أغسطس 2024 - 19:42

وعليكم السلام ورحمة الله وبركاته
اهلا بك اخي  @moment

جرب
الكود الاول CSS
الكود:
ul.nav-linkss a.active {
    background-color: #000 !important;
}

الثاني Javascript
الكود:
document.addEventListener('DOMContentLoaded', function() {
    const currentPath = window.location.pathname;
    const buttons = document.querySelectorAll('ul.nav-linkss a');
    buttons.forEach(button => {
        const href = button.getAttribute('href');
        if (currentPath.endsWith(href)) {
            button.classList.add('active');
        }
    });
});
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1773
معدل النشاط : 3685
السُمعة : 332

https://anime.forumperso.com/

moment يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: بخصوص خاصية Active علي الروابط

مُساهمة من طرف moment الخميس 29 أغسطس 2024 - 20:16

مرحبآ بك اخي كونان
مشكور اخي علي مجهودك

بس لماذا غير فعال مع كل الروابط
moment
moment
 
 

ذكر
عدد المساهمات : 76
معدل النشاط : 356
السُمعة : 0

https://gzarab.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: بخصوص خاصية Active علي الروابط

مُساهمة من طرف كونان2000 الخميس 29 أغسطس 2024 - 20:34

moment كتب:مرحبآ بك اخي كونان
مشكور اخي علي مجهودك

بس لماذا غير فعال مع كل الروابط
اهلا اخي moment
نعم.انا تعمدت اضعه على الازرار العلوية في (العارضه الي تحت) Embarassed

جرب بعد التعديل

الكود:
ul.nav-linkss a.active,ul.chatcavo a.active {
    background-color: #000 !important;
}

الكود:
document.addEventListener('DOMContentLoaded', function() {
    const currentPath = window.location.pathname;
    const buttons = document.querySelectorAll('ul.nav-linkss a,ul.chatcavo a');
    buttons.forEach(button => {
        const href = button.getAttribute('href');
        if (currentPath.endsWith(href)) {
            button.classList.add('active');
        }
    });
});
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1773
معدل النشاط : 3685
السُمعة : 332

https://anime.forumperso.com/

moment يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: بخصوص خاصية Active علي الروابط

مُساهمة من طرف moment الخميس 29 أغسطس 2024 - 20:37

مشكور اخي
انا عدلتها لكن اقصد الغير فعال البيانات الشخصية والرسائل الخاصة
moment
moment
 
 

ذكر
عدد المساهمات : 76
معدل النشاط : 356
السُمعة : 0

https://gzarab.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: بخصوص خاصية Active علي الروابط

مُساهمة من طرف كونان2000 الخميس 29 أغسطس 2024 - 20:43

moment كتب:مشكور اخي
انا عدلتها لكن اقصد الغير فعال البيانات الشخصية والرسائل الخاصة
هذه ازرار غير مرئية للزوار
احتاج الى عضوية للتعديل
هل يمكن ارسال عضوية تجريبيه

clown
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1773
معدل النشاط : 3685
السُمعة : 332

https://anime.forumperso.com/

moment يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: بخصوص خاصية Active علي الروابط

مُساهمة من طرف moment الخميس 29 أغسطس 2024 - 20:48

ارسلت لك علي الخص اخي بخصوص خاصية Active علي الروابط 1f60d
moment
moment
 
 

ذكر
عدد المساهمات : 76
معدل النشاط : 356
السُمعة : 0

https://gzarab.yoo7.com/

كونان2000 يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: بخصوص خاصية Active علي الروابط

مُساهمة من طرف moment الخميس 29 أغسطس 2024 - 22:38

مشكور اخي كونان تم الحل ربنا يبارك فيك
moment
moment
 
 

ذكر
عدد المساهمات : 76
معدل النشاط : 356
السُمعة : 0

https://gzarab.yoo7.com/

كونان2000 يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: بخصوص خاصية Active علي الروابط

مُساهمة من طرف كونان2000 الخميس 29 أغسطس 2024 - 22:43

moment كتب:مشكور اخي كونان تم الحل ربنا يبارك فيك
العفو اخي moment ^^
 وبارك الله فيك أيضًا!
تم حل المشكلة & ينقل للأرشيف.
يرجى مراجعة : قوانين منتدى الدعم
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1773
معدل النشاط : 3685
السُمعة : 332

https://anime.forumperso.com/

moment يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى