محمد أبوفيصل
صاحب الموقع
تاريخ التسجيل : 30/09/2011
تاريخ الميلاد : 29/08/1984
 2244
 2147483647
 39
الموقع : https://islammnet.own0.com
 | | موضوع: تقنية رائعة لمعرفة اسم العضو مستخدم من قبل عند التسجيل مثل الفي تماما الأحد أكتوبر 23, 2011 6:53 am | |
| السلام عليكم ِ ورحمة الله وبركاته اقدم لكم تقنية رائعة لمعرفة اسم العضو مستخدم من قبل عند التسجيلاذا كان مستخدم يظهر باللون الاحمر ِ واذا كان غير مستخدم يظهر باللون الاخضر علي انه متاحمثال توضيحيعندما يكون غير متاح [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]عندما يكون متاح[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]طريقة التركيب : اولا علينا وضع هذه الجافا سكربت علي جميع الصفحات بهذا الشرح[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الكود مخفي ضع ردا اولا لكي يظهر لك الكود<table width="90%" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:حدد المحتوى</td></tr><tr><td class="code">
$(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')}})}})}});
</td></tr></table> |
ثم نذهب اليلوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css| الرمز:حدد المحتوى | /*[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
#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*/
|
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] | |
|
