2015-06-08, 05:24 AM المشاركة : ( 1 )
أهلا و مرحبا بكم أعضاء و زوار معهد بسمة مصرية ,,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
موضوعنا اليوم عن طريقة تغيير الأيقونة عند الضغط عليها لمستخدمى مكتبة الـ Font Awesome ,,
how to change font awesome icons on click
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
هذه الطريقة تفيد الكثير من المنتديات التى تستخدم هذه المكتبة فى تصميماتها حيث انك تستطيع بكل سهولة تغيير الأيقونة بأخرى عند الضغط عليها ومثالاً على ذلك ,,
فلنفترض اننا نريد ان تتغير الأيقونة الخاصة بـ ضم الأقسام كهذه ,,
فالطريقة سهلة بإذن الله فقط كل ما عليك هو التركيز قليلاً ,,
طريقة عمل الكود ,,
يتم تغيير الـ 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
يجب استخدام مكتبة Jquery
و إلى هنا نكون قد وصلنا إلى نهاية موضوعنا اليوم ,,
دمتم بود ,,
الـمـصـدر : معهد بسمة مصرية - مـن : قسم الشروحات الخاصة بـ لغات البرمجة - كـاتـب الـمـوضـوع : WRONG WAY
مساحة إعلانية
2015-06-23, 06:53 PM المشاركة : ( 2 )
رد: تغيير كلاسات الـ Font Awesome عند الضغط عليهاالله عليك يا كبير شغل عالى جدا تسلم ايدك :heart+emoticon:
2017-05-21, 03:08 AM المشاركة : ( 3 )
Hanaenet Admin
.:: عـضـو ::.
رد: تغيير كلاسات الـ Font Awesome عند الضغط عليهاوالله بدون مجاملة هكدا تكون الدروس والشرح
زادكم الله من علمه ووفقكم في خطواتكم
زادكم الله من علمه ووفقكم في خطواتكم
2017-05-23, 09:08 AM المشاركة : ( 4 )
رد: تغيير كلاسات الـ Font Awesome عند الضغط عليهاوالله بدون مجاملة هكدا تكون الدروس والشرح
زادكم الله من علمه ووفقكم في خطواتكم
زادكم الله من علمه ووفقكم في خطواتكم
وياك ان شاء الله
2018-05-31, 06:10 PM المشاركة : ( 5 )
.:: عـضـو جـديـد ::.
رد: تغيير كلاسات الـ Font Awesome عند الضغط عليهاشرح رائع تسلم 
2018-10-15, 08:17 PM المشاركة : ( 6 )
.:: عـضـو جـديـد ::.
رد: تغيير كلاسات الـ Font Awesome عند الضغط عليهاشكرااااااااااااااااااااااااااااااااااااااااااااااا اااااااااااااااااااااا
*-.-**-.-**-.-**-.-**-.-**-.-**-.-*
شكرااااااااااااااااااااااااااااااااااااااااااااااا اااااااااااااااااااااااااااااااااااااااااااااااااا ااااااااا
*-.-**-.-**-.-**-.-**-.-**-.-**-.-*
شكرااااااااااااااااااااااااااااااااااااااااااااااا اااااااااااااااااااااااااااااااااااااااااااااااااا ااااااااا
2019-07-22, 01:15 PM المشاركة : ( 7 )
.:: عـضـو جـديـد ::.
رد: تغيير كلاسات الـ Font Awesome عند الضغط عليهاشرح جميييييييييل
العرض العادي
