من افضل الاكواد من تركيبى ,معرفة اذا كان الزائر مسجل ام لا عند التسجيل بوضع العلامات
2 مشترك
صفحة 1 من اصل 1
من افضل الاكواد من تركيبى ,معرفة اذا كان الزائر مسجل ام لا عند التسجيل بوضع العلامات
تقنية رائعة لمعرفة اسم العضو مستخدم من قبل عند التسجيل
اذا كان مستخدم يظهر باللون الاحمر ِ واذا كان غير مستخدم يظهر باللون الاخضر علي انه متاح
مثال توضيحي
عندما يكون غير متاح
![من افضل الاكواد من تركيبى ,معرفة اذا كان الزائر مسجل ام لا عند التسجيل بوضع العلامات 1315409796621](https://2img.net/h/im10.gulfup.com/2011-09-07/1315409796621.png)
http://im10.gulfup.com/2011-09-15/1316069150811.png
اما فى حالة متاح
![من افضل الاكواد من تركيبى ,معرفة اذا كان الزائر مسجل ام لا عند التسجيل بوضع العلامات 1315409896881](https://2img.net/h/im9.gulfup.com/2011-09-07/1315409896881.png)
http://im10.gulfup.com/2011-09-15/1316069150811.png
طريقة التركيب : اولا علينا وضع هذه الجافا سكربت علي جميع الصفحات
الكود يوضع فى الجافا سكربت
![من افضل الاكواد من تركيبى ,معرفة اذا كان الزائر مسجل ام لا عند التسجيل بوضع العلامات 1316069150811](https://2img.net/h/im10.gulfup.com/2011-09-15/1316069150811.png)
http://im10.gulfup.com/2011-09-15/1316069150811.png
نضع هذا الكود فى الجافا سكيربت كما شرحنا سابقاً
وهذا الكود يوضع فى ورقة css
نقلاً عن شمس المستقبل
هل اعجبكم الكود ؟
الكود من منتدى
شمس المستقبل
http://ahlashams.ahlamontada.net/t1629-topic
ارجوا ان يتم نقلة للتقنيات
اذا كان مستخدم يظهر باللون الاحمر ِ واذا كان غير مستخدم يظهر باللون الاخضر علي انه متاح
مثال توضيحي
عندما يكون غير متاح
![من افضل الاكواد من تركيبى ,معرفة اذا كان الزائر مسجل ام لا عند التسجيل بوضع العلامات 1315409796621](https://2img.net/h/im10.gulfup.com/2011-09-07/1315409796621.png)
http://im10.gulfup.com/2011-09-15/1316069150811.png
اما فى حالة متاح
![من افضل الاكواد من تركيبى ,معرفة اذا كان الزائر مسجل ام لا عند التسجيل بوضع العلامات 1315409896881](https://2img.net/h/im9.gulfup.com/2011-09-07/1315409896881.png)
http://im10.gulfup.com/2011-09-15/1316069150811.png
طريقة التركيب : اولا علينا وضع هذه الجافا سكربت علي جميع الصفحات
الكود يوضع فى الجافا سكربت
![من افضل الاكواد من تركيبى ,معرفة اذا كان الزائر مسجل ام لا عند التسجيل بوضع العلامات 1316069150811](https://2img.net/h/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
ارجوا ان يتم نقلة للتقنيات
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى