من افضل الاكواد من تركيبى ,معرفة اذا كان الزائر مسجل ام لا عند التسجيل بوضع العلامات

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

من افضل الاكواد من تركيبى ,معرفة اذا كان الزائر مسجل ام لا عند التسجيل بوضع العلامات

مُساهمة من طرف gomyozo في الخميس 15 سبتمبر 2011 - 8:48

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

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
ارجوا ان يتم نقلة للتقنيات
avatar
gomyozo
 
 

ذكر
عدد المساهمات : 217
معدل النشاط : 3419
السُمعة : 0

http://www.ahlashams.ahlamontada.net

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

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


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