[javascript] تقنية رائعة لمعرفة اسم العضو

السلام عليكم ِ ورحمة الله وبركاته
اقدم لكم
تقنية رائعة لمعرفة اسم العضو مستخدم من قبل عند التسجيل
اذا كان مستخدم يظهر باللون الاحمر ِ واذا كان غير مستخدم يظهر باللون الاخضر علي انه متاح


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]




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

الرمز:

$(function(){if($('input#username_reg').length){$('input#username_reg').keyup(function(){if($('#username_reg').attr('value')==''){$('input#username_reg').removeClass('okusername')}else{url='/search?mode=searchuser&fieldname=username&search_username='+encodeURIComponent($('input#username_reg').val());$.get(url,function(data){if($('select[name=username_list] option',data).val().toLowerCase()==$('input#username_reg').val().toLowerCase()){$('input#username_reg').removeClass('okusername')}else{$('input#username_reg').addClass('okusername')}})}})}});

ثم نذهب الي
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css

ونضع الكود التالى

الرمز:

/*[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] #username_reg { background-image: url(https://i.servimg.com/u/f45/15/95/28/21/warnin10.png); background-repeat: no-repeat; background-position: left; } #username_reg { height: 35px; width: 145px; } #username_reg.okusername { background-image: url(https://i.servimg.com/u/f45/15/95/28/21/true11.png); background-repeat: no-repeat; background-position: left; } #username_reg { border:2px solid red!important; } #username_reg.okusername { border:2px solid green!important; } /*css Posted by : a7medvirus*/

الف شكر

شّكرٱ على ٱلموِضوِع ٱلرٱئع
ٱبّدُٱع فُيّ ٱبّدُٱع مٱ شّٱء ٱللۂ عليّك
يّسًعدُنٌيّ ٱنٌ أردُ على موِضوِعك بّردُيّ ٱلمتُوِٱضع
فُيّ ٱنٌتُضٱر ٱلمزيّدُ وِٱلمزيّدُ منٌ ٱبّدُٱعٱتُك
مع خٌٱلصِ تُحًيّٱتُيّ

شكرا لك اخي الكريم على الكود الرائع
وجعله الله في ميزان حسناتك