![]() |
[ درس ] عمل جدول به خاصية البحث عن طريق ال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 وللمزيد من الدروس :دوروسانيا |
| الساعة الآن 12:46 PM |
Powered by vBulletin® Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.5.2 TranZ By
Almuhajir