[js] تقنية رائعة لمعرفة اسم العضو مستخدم من قبل عند التسجيل مثل الفي تماما

تقنية رائعة لمعرفة اسم العضو مستخدم من قبل عند التسجيل مثل الفي تماما

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

عندما يكون غير متاح

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

[js] تقنية رائعة لمعرفة اسم العضو مستخدم من قبل عند التسجيل مثل الفي تماما Taken10

عندما يكون متاح

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

[js] تقنية رائعة لمعرفة اسم العضو مستخدم من قبل عند التسجيل مثل الفي تماما True10

طريقة وضع الكود
لوحة الادارة ==> عناصر إضافية ==> إدارة اكواد JavaScript
ثم اضغط علي أنشاء كود جديد
العنوان : مثلا : تغير رمز التاكيد
أضف الكود الى : جميع الصفحات
كود 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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]: /*codey.3rab.pro*/ #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*/