اقدم لكم
تقنية رائعة لمعرفة اسم العضو مستخدم من قبل عند التسجيل
اذا كان مستخدم يظهر باللون الاحمر ِ واذا كان غير مستخدم يظهر باللون الاخضر علي انه متاح
مثال توضيحي
عندما يكون غير متاح
تصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
عندما يكون متاح
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
طريقة التركيب : اولا علينا وضع هذه الجافا سكربت علي جميع الصفحات بهذا الشرح
ما هي أكواد JavaScript
ثم نذهب الي
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css
تقنية رائعة لمعرفة اسم العضو مستخدم من قبل عند التسجيل
اذا كان مستخدم يظهر باللون الاحمر ِ واذا كان غير مستخدم يظهر باللون الاخضر علي انه متاح
مثال توضيحي
عندما يكون غير متاح
تصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
عندما يكون متاح
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
طريقة التركيب : اولا علينا وضع هذه الجافا سكربت علي جميع الصفحات بهذا الشرح
ما هي أكواد 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(https://i.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(https://i.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*/ |