تقنية رائعة لمعرفة اسم العضو مستخدم من قبل عند التسجيل
اذا كان مستخدم يظهر باللون الاحمر ِ واذا كان غير مستخدم يظهر باللون الاخضر علي انه متاح
مثال توضيحي
عندما يكون غير متاح
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ارجوا ان يتم نقلة للتقنيات