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

http://im10.gulfup.com/2011-09-15/1316069150811.png

اما فى حالة متاح

http://im10.gulfup.com/2011-09-15/1316069150811.png
طريقة التركيب : اولا علينا وضع هذه الجافا سكربت علي جميع الصفحات

الكود يوضع فى الجافا سكربت

http://im10.gulfup.com/2011-09-15/1316069150811.png
نضع هذا الكود فى الجافا سكيربت كما شرحنا سابقاً

الكود:

 $(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(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;
    /*** shams elmostabal ***/

}
 #username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}

نقلاً عن شمس المستقبل
هل اعجبكم الكود ؟
الكود من منتدى
شمس المستقبل
http://ahlashams.ahlamontada.net/t1629-topic
ارجوا ان يتم نقلة للتقنيات