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

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


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

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



طريقة وضع الكود
لوحة الادارة ==> عناصر إضافية ==> إدارة اكواد 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(http://i45.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(http://i45.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*/

ومبروك عليك الخاصية في منتداك

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