[ درس ] عمل جدول به خاصية البحث عن طريق الjquery

		منتدى استراحات زايد > استراحات اخرى > منتدى أخبار المواقع والمنتديات العربية والأجنبية
[ درس ] عمل جدول به خاصية البحث عن طريق الjquery

LinkBack

أدوات الموضوع

انواع عرض الموضوع

04-12-2014, 11:50 PM

محروم.كوم

عضو ماسي

بيانات محروم.كوم

رقم العضوية : 503

تاريخ التسجيل : Dec 2007

الجنس : female

علم الدوله : الدوله : United Arab Emirates

المشاركات : 2,100,669

عدد الـنقاط :3341

تقييم المستوى : 2141

[ درس ] عمل جدول به خاصية البحث عن طريق الjquery

السلام عليكم ورحمة الله وبركاته
اليوم اتيت لكم بطريقة عمل جدول به خاصية البحث عن طريق الjquery
مثال على الدرس Table Filter Bootstrap + Jquery - JSFiddle
طبعا الدرس يحتاج انك تعرف BOOTSTRAP

اذا كنت لاتعرف bootstrap ممكن انك تتعلمه عن طريق http://www.youtube.com/watch?v=-rct0ZvmX5M
او انك تاخذ الكود كامل من ديه الصفحة [HTML 5] الكود كامل لطريقة البحث داخل الجدول عن طريق الjquery - Pastebin.com نسخ لصق

الطريقة انك تضع كود الhtml هذا داخل كود الbootstrap
رمز PHP:

Filter

Code
Name
Default
Status

EUR
EURO

Active

GBP
Pound

Active

GEL
Georgian Lari

Active

USD
US Dollar

Active

وتضع ده الكود داخل الjquery
رمز PHP:

$(document).ready(function () {

(function ($) {

$('#filter').keyup(function () {

var rex = new RegExp($(this).val(), 'i');
$('.searchable tr').hide();
$('.searchable tr').filter(function () {
return rex.test($(this).text());
}).show();

})

}(jQuery));

});

وبهذا يكون الكود كامل كده
[HTML 5] الكود كامل لطريقة البحث داخل الجدول عن طريق الjquery - Pastebin.com

وللمزيد من الدروس :دوروسانيا __DEFINE_LIKE_SHARE__

إعلانات عشوائية

تعارف بلاك بيري	صور بلاك بيري	قروبات بلاك بيري	اخبار رياضية	العاب فلاش	اهداءات اغاني للهواتف	نغمات جوال
أغاني	مسلسلات رمضان	مسجات	سوق محروم	سيارات للبيع	ارقام سيارات للبيع	برودكاست

مواقع النشر (المفضلة)

« [طلب] : طلب تصميم سكربت خاص بطلب شراء فقط | Bahrain readies grand 2030 masterplan »

تعليمات المشاركة

لا تستطيع إضافة مواضيع جديدة

لا تستطيع الرد على المواضيع

لا تستطيع إرفاق ملفات

لا تستطيع تعديل مشاركاتك

BB code is متاحة

الابتسامات متاحة

كود [IMG] متاحة

كود HTML معطلة

Trackbacks are متاحة

Pingbacks are متاحة

Refbacks are متاحة

قوانين المنتدى

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
خاصية البحث ؟!!	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	08-27-2011 11:50 AM
ارشفة مميزة لمدونتك بصيغة الjquery-css	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	07-19-2010 10:20 PM
تعبنا من خاصية البحث !	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	07-08-2010 11:47 PM
خاصية البحث في المنتدى - مثل ترايدنت معطله	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	04-27-2009 12:10 PM
مساعدة في خاصية البحث	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	04-26-2009 09:00 PM

الساعة الآن 11:10 AM

RSS RSS 2.0 XML MAP HTML