PHPackages indianghost/live-search - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Database & ORM](/categories/database) 4. / 5. indianghost/live-search ActiveProject[Database & ORM](/categories/database) indianghost/live-search ======================= It's a plugin allows to dress and search data on HTML page at realtime built using the library jquery 2.0.1(8y ago)8202[3 issues](https://github.com/IndianGhost/liveSearch/issues)MITHTML Since Feb 19Pushed 4y ago2 watchersCompare [ Source](https://github.com/IndianGhost/liveSearch)[ Packagist](https://packagist.org/packages/indianghost/live-search)[ RSS](/packages/indianghost-live-search/feed)WikiDiscussions master Synced today READMEChangelog (2)DependenciesVersions (2)Used By (0) Welcome to LiveSearch [![version2](https://camo.githubusercontent.com/e17d3d8dbe9517a6e22eb9c88f354d5fb027827fc814e5c308567565b71e01f9/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f76657273696f6e2d322e302e312d677265656e2e737667)](https://camo.githubusercontent.com/e17d3d8dbe9517a6e22eb9c88f354d5fb027827fc814e5c308567565b71e01f9/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f76657273696f6e2d322e302e312d677265656e2e737667) [![Packagist](https://camo.githubusercontent.com/a4b7a1d8377c4252b62962b12857454a352b488c7f58770dcbcadcffaf57247b/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f646f637472696e652f6f726d2e737667)](https://github.com/IndianGhost/liveSearch/blob/master/LICENSE) ========================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================= [](#welcome-to-livesearch--) You can use this project to draw a table of data and to search values at realtime, just by following these few steps Install ======= [](#install) Git --- [](#git) ``` git clone https://github.com/IndianGhost/liveSearch.git ``` composer -------- [](#composer) ``` composer create-project indianghost/live-search YourProjectName ``` Or (in case of stability issues) ``` composer create-project indianghost/live-search=dev-master YourProjectName ``` Intended users ============== [](#intended-users) Generally here are two users for this project (I guess so), if you are one of them don't hesitate to use it: 1. In case you have one (or many in the same page) existing HTML table displays data (from a database or whatever): ------------------------------------------------------------------------------------------------------------------- [](#1-in-case-you-have-one-or-many-in-the-same-page-existing-html-table-displays-data-from-a-database-or-whatever) You have an existing HTML table contains a **lot of rows** (for example: You display *data* from *database* into an HTML table), you want to add a functionality that allows you to find values of some row without scrolling page and wasting your time. This project can save you bro ! Follow these steps ================== [](#follow-these-steps) 1. clone it from **github** or download it via **composer** as mentioned above 2. include jquery on your webpage: - *via CDN*copy & paste this line on your head block: `` OR - *local file*You downloaded the project ! well, now copy the file [**js/jquery.min.js**](https://github.com/IndianGhost/liveSearch/blob/master/js/jquery.min.js) and paste it in your js directory. Then, add the tag script to your head block. `` 3. add a new input tag, it will be your **search box**. it should have the `id="js-search"`, for example I used this tag : ``📌**Remember the required attribute is id="js-search"** 4. add an attribute `class="js-table"` to your table(s). When you type something in the search box the result will appear simultaneously on your table(s). :pushpin:*Notice:* if your table has not the tag `` you must add it `Searched Data HERE`. 5. Finally, You must copy the file [**js/search.js**](https://github.com/IndianGhost/liveSearch/blob/master/js/search.js) and add the script tag at the bottom of page (:pushpin:just before `` for performance reasons). It should be similar to this tag : `` That's all for your case, enjoy ! 2. In case you have data already formatted using **JSON**: ---------------------------------------------------------- [](#2-in-case-you-have-data-already-formatted-using-json) In this case your task will be a piece of cake all you have to do is: 1. rename your json file to *data.json* 2. clone or download the project (step 1 above) 3. replace the file [**js/data.json**](https://github.com/IndianGhost/liveSearch/blob/master/js/data.json) by your *data.json* ! That's all for your case, enjoy ! Demonstration ============= [](#demonstration) Demonstration edited by jqueryscripts.net I'm thankful to its team because they paid attention to this modest work, By the way this is the first version: [![alt text](https://github.com/IndianGhost/liveSearch/raw/master/screenshots/1.PNG)](https://github.com/IndianGhost/liveSearch/blob/master/screenshots/1.PNG) [![alt text](https://github.com/IndianGhost/liveSearch/raw/master/screenshots/2.PNG)](https://github.com/IndianGhost/liveSearch/blob/master/screenshots/2.PNG) [![alt text](https://github.com/IndianGhost/liveSearch/raw/master/screenshots/3.PNG)](https://github.com/IndianGhost/liveSearch/blob/master/screenshots/3.PNG) [![alt text](https://github.com/IndianGhost/liveSearch/raw/master/screenshots/4.PNG)](https://github.com/IndianGhost/liveSearch/blob/master/screenshots/4.PNG) Copyright and license ===================== [](#copyright-and-license) Copyright 2018 Achraf BELLAALI **Live Search** is a free open-source project. The code is released under [The MIT LICENSE](https://github.com/IndianGhost/liveSearch/blob/master/LICENSE) you can do whatever you want with it ! Support My development ====================== [](#support-my-development) If you found it helpful, you can support me to develop new projects By : [![Donate](https://camo.githubusercontent.com/604e3db9c8751116b3f765aad0353ec7ded655bbe8aaacbc38d8c4a6b784b3ed/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f446f6e6174652d50617950616c2d677265656e2e737667)](https://www.paypal.me/achrafbellaali) ### Health Score 28 — LowBetter than 54% of packages Maintenance13 Infrequent updates — may be unmaintained Popularity13 Limited adoption so far Community11 Small or concentrated contributor base Maturity63 Established project with proven stability Bus Factor1 Top contributor holds 96.6% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Unknown Total 1 Last Release 3002d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/b46270055ae90825fecab5da7d586d6472f9673033ca334200320dab1e1b1415?d=identicon)[IndianGhost](/maintainers/IndianGhost) --- Top Contributors [![IndianGhost](https://avatars.githubusercontent.com/u/20175156?v=4)](https://github.com/IndianGhost "IndianGhost (28 commits)")[![kant](https://avatars.githubusercontent.com/u/32717?v=4)](https://github.com/kant "kant (1 commits)") --- Tags achraf-bellaalicomposerdatabasehtml-tableindianghostjqueryjquery-ajaxjquery-datatablesjquery-pluginjsonlivesearchresearch-dataresearch-tooltable-html ### Embed Badge ![Health badge](/badges/indianghost-live-search/health.svg) ``` [![Health](https://phpackages.com/badges/indianghost-live-search/health.svg)](https://phpackages.com/packages/indianghost-live-search) ``` ### Alternatives [doctrine/orm Object-Relational-Mapper for PHP 10.2k285.3M6.2k](/packages/doctrine-orm)[jdorn/sql-formatter a PHP SQL highlighting library 3.9k115.1M102](/packages/jdorn-sql-formatter)[illuminate/database The Illuminate Database package. 2.8k52.4M9.3k](/packages/illuminate-database)[mongodb/mongodb MongoDB driver library 1.6k64.0M545](/packages/mongodb-mongodb)[ramsey/uuid-doctrine Use ramsey/uuid as a Doctrine field type. 90340.3M211](/packages/ramsey-uuid-doctrine)[reliese/laravel Reliese Components for Laravel Framework code generation. 1.7k3.4M16](/packages/reliese-laravel) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)