قديم 2015-06-08, 05:24 AM
المشاركة : ( 1 )
.:: ! HTML PROF ::.
الصورة الرمزية WRONG WAY
WRONG WAY
.:: EGY BASMA ::.
Post تغيير كلاسات الـ Font Awesome عند الضغط عليها
تغيير كلاسات الـ Font Awesome عند الضغط عليها
أهلا و مرحبا بكم أعضاء و زوار معهد بسمة مصرية ,,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
موضوعنا اليوم عن طريقة تغيير الأيقونة عند الضغط عليها لمستخدمى مكتبة الـ Font Awesome
,,
how to change font awesome icons on click
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
هذه الطريقة تفيد الكثير من المنتديات التى تستخدم هذه المكتبة فى تصميماتها حيث انك تستطيع بكل سهولة تغيير الأيقونة بأخرى عند الضغط عليها ومثالاً على ذلك ,,
فلنفترض اننا نريد ان تتغير الأيقونة الخاصة بـ ضم الأقسام كهذه ,,
تغيير كلاسات الـ Font Awesome عند الضغط عليها
فالطريقة سهلة بإذن الله فقط كل ما عليك هو التركيز قليلاً ,,
طريقة عمل الكود ,,
يتم تغيير الـ class عند الضغط على الأيقونة عن طريق الجافا سكريبت :-
نستنتج من ذلك اننا يمكننا استخدام نفس الكود فى مهام اخرى ؟ ,,
نعم يمكنك ذلك !
ناتى للكود ,,
ولنفترض ان الأيقونة الموجودة هى ,, علامة الـ (-) أو Minus ونريد إستبدالها بـ علامة (+) أو Plus ,,
سيكون الكود على النحو التالى ,,
كود PHP:
<script type="text/javascript">
$(function() {
    $(
'a').click(function() {
        $(
this).find('i').toggleClass('fa-minus-square-o fa-plus-square-o');
    });

});
</script> 
وهذا مثال مباشر على ذلك ,,
Toggle Font Awesome Class
و إلى هنا نكون قد وصلنا إلى نهاية موضوعنا اليوم ,,
دمتم بود ,,
تغيير كلاسات الـ Font Awesome عند الضغط عليها
الـمـصـدر : معهد بسمة مصرية - مـن : قسم الشروحات الخاصة بـ لغات البرمجة - كـاتـب الـمـوضـوع : WRONG WAY

مـن مـواضـيع WRONG WAY
مساحة إعلانية
قديم 2015-06-23, 06:53 PM
المشاركة : ( 2 )
Mido Hegazy
الصورة الرمزية ™DesertStorm™
™DesertStorm™
.:: نـائـب الـمـديـر الـعـامـ ::.
افتراضي رد: تغيير كلاسات الـ Font Awesome عند الضغط عليها
الله عليك يا كبير شغل عالى جدا تسلم ايدك :heart+emoticon:
قديم 2017-05-21, 03:08 AM
المشاركة : ( 3 )
Hanaenet Admin
الصورة الرمزية برادة
برادة
.:: عـضـو ::.
افتراضي رد: تغيير كلاسات الـ Font Awesome عند الضغط عليها
والله بدون مجاملة هكدا تكون الدروس والشرح
زادكم الله من علمه ووفقكم في خطواتكم
قديم 2017-05-23, 09:08 AM
المشاركة : ( 4 )
.:: ! HTML PROF ::.
الصورة الرمزية WRONG WAY
WRONG WAY
.:: EGY BASMA ::.
افتراضي رد: تغيير كلاسات الـ Font Awesome عند الضغط عليها
والله بدون مجاملة هكدا تكون الدروس والشرح
زادكم الله من علمه ووفقكم في خطواتكم
وياك ان شاء الله


تغيير كلاسات الـ Font Awesome عند الضغط عليها
أدوات الموضوع
انواع عرض الموضوع

الانتقال السريع
المواضيع المتشابهه
الموضوع
[ شـرح ] طريقة إستبدال أزرار المحرر بـ مكتبة Font Awesome مع تلميحات Tooltip
[ شـرح ] شرح لكيفية إستخدام تلميحات Tooltip مع مكتبة Font Awesome
السيسي في أسبوع: زيارة للسعودية.. تغيير وزاري.. استقبال مسؤولين أجانب
مؤسس الإنترنت احفظ الوثائق مطبوعة لأنك لن تحصل عليها مستقبلا بالشبكة