عرض مشاركة واحدة
قديم 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
يجب استخدام Jquery 1.2.6
و إلى هنا نكون قد وصلنا إلى نهاية موضوعنا اليوم ,,
دمتم بود ,,
تغيير كلاسات الـ Font Awesome عند الضغط عليها
الـمـصـدر : معهد بسمة مصرية - مـن : قسم الشروحات الخاصة بـ لغات البرمجة - كـاتـب الـمـوضـوع : WRONG WAY

مـن مـواضـيع WRONG WAY