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

اذهب الى الأسفل

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

مُساهمة من طرف GeNeRaL في الأحد مارس 25, 2012 10:51 pm

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


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

تصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


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

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.





طريقة التركيب : اولا علينا وضع هذه الجافا سكربت علي جميع الصفحات بهذا الشرح
ما هي أكواد 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
الكود:

/*a7medvirus*/
#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*/









| لمراسلة الإدآرة بأمور لا تراها الا هي من هنا|
| للشكآوي ضد الفريق من هنا|
| لطلبات تغييرالأسمآء من هنا |
للشكايات العامة من هنا
avatar
GeNeRaL
المدير العام
المدير العام

عدد المساهمات : 173

معاينة صفحة البيانات الشخصي للعضو http://al-da3m.ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


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