منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف 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
معدل النشاط : 2965

http://www.ahlashams.ahlamontada.net

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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