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

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

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

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

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

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

اقتباس :: $(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

اقتباس :: /*www.traid.all-up.com*/
#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*/

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

» الكود الجبار كود اخفاء المواضيع عن الزوار مثل الفي بي
» كووود التسجيل السريع ... نافذة انت غير مسجل في المنتدى روووعه
» تجميـــع نسخ منتديـــات الفي بي VB جاهزة للتحميل و منزوعة الكود
» [كود] دعوة الزائر الى التسجيل بلمنتدى بشكل انيق و جذاب
» مواقع رائعة ومفيدة