أهلا و مرحبا بكم أعضاء و زوار معهد بسمة مصرية ,,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
موضوعنا اليوم عن طريقة تغيير الأيقونة عند الضغط عليها لمستخدمى مكتبة الـ 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
و إلى هنا نكون قد وصلنا إلى نهاية موضوعنا اليوم ,,
دمتم بود ,,
العرض العادي
الانتقال إلى العرض المتطور
الانتقال إلى العرض الشجري
