{"id":18973193,"url":"https://github.com/indianghost/livesearch","last_synced_at":"2025-04-19T16:36:55.260Z","repository":{"id":28805650,"uuid":"118934724","full_name":"IndianGhost/liveSearch","owner":"IndianGhost","description":"Live Search Plugin is an amazing jQuery plugin developed by Achraf BELLAALI allows you to search in any table HTML at the real time","archived":false,"fork":false,"pushed_at":"2022-02-15T22:31:01.000Z","size":238,"stargazers_count":8,"open_issues_count":3,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-29T10:12:09.229Z","etag":null,"topics":["achraf-bellaali","composer","database","html-table","indianghost","jquery","jquery-ajax","jquery-datatables","jquery-plugin","json","livesearch","research-data","research-tool","table-html"],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/IndianGhost.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-01-25T16:00:28.000Z","updated_at":"2022-03-01T23:14:02.000Z","dependencies_parsed_at":"2022-08-07T14:00:47.344Z","dependency_job_id":null,"html_url":"https://github.com/IndianGhost/liveSearch","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IndianGhost%2FliveSearch","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IndianGhost%2FliveSearch/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IndianGhost%2FliveSearch/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IndianGhost%2FliveSearch/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IndianGhost","download_url":"https://codeload.github.com/IndianGhost/liveSearch/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249223935,"owners_count":21232833,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["achraf-bellaali","composer","database","html-table","indianghost","jquery","jquery-ajax","jquery-datatables","jquery-plugin","json","livesearch","research-data","research-tool","table-html"],"created_at":"2024-11-08T15:11:18.947Z","updated_at":"2025-04-16T09:33:27.086Z","avatar_url":"https://github.com/IndianGhost.png","language":"HTML","readme":"# Welcome to LiveSearch ![version2](https://img.shields.io/badge/version-2.0.1-green.svg) [![Packagist](https://img.shields.io/packagist/l/doctrine/orm.svg)](https://github.com/IndianGhost/liveSearch/blob/master/LICENSE)\n\nYou can use this project to draw a table of data and to search values at realtime, just by following these few steps\n\n# Install\n## Git\n```\ngit clone https://github.com/IndianGhost/liveSearch.git\n```\n\n## composer\n```\ncomposer create-project indianghost/live-search YourProjectName\n```\nOr (in case of stability issues)\n```\ncomposer create-project indianghost/live-search=dev-master YourProjectName\n```\n\n# Intended users\nGenerally here are two users for this project (I guess so), if you are one of them don't hesitate to use it:\n\n## 1. In case you have one (or many in the same page) existing HTML table displays data (from a database or whatever):\nYou 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.\nThis project can save you bro !\n# Follow these steps\n1. clone it from **github** or download it via **composer** as mentioned above\n\n2. include jquery on your webpage:\n  - _via CDN_\n  copy \u0026 paste this line on your head block:\n  `\u003cscript src=\"http://code.jquery.com/jquery-3.3.1.min.js\" integrity=\"sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=\" crossorigin=\"anonymous\"\u003e\u003c/script\u003e`\n  \n  OR\n  \n  - _local file_\n  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.\n  `\u003cscript type=\"text/javascript\" src=\"LinkToYourDirectory/jquery.min.js\"\u003e\u003c/script\u003e`\n\n3. add a new input tag, it will be your **search box**. it should have the `id=\"js-search\"`, for example I used this tag :\n  `\u003cinput type=\"text\" class=\"form-control\" style=\"width: 20%\" id=\"js-search\" placeholder=\"Taper pour chercher…\"\u003e`\n  :pushpin:**Remember the required attribute is id=\"js-search\"**\n  \n4. add an attribute `class=\"js-table\"` to your table(s).\n    When you type something in the search box the result will appear simultaneously on your table(s).\n    :pushpin:_Notice:_ if your table has not the tag `\u003ctbody\u003e` you must add it `\u003ctable\u003e\u003ctbody\u003eSearched Data HERE\u003c/tbody\u003e\u003c/table\u003e`.\n\n5. 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 `\u003c/body\u003e` for performance reasons). It should be similar to this tag :\n`\u003cscript type=\"text/javascript\" src=\"LinkToYourDirectory/search.js\"\u003e\u003c/script\u003e`\n\nThat's all for your case, enjoy !\n\n## 2. In case you have data already formatted using **JSON**:\nIn this case your task will be a piece of cake all you have to do is:\n\n1. rename your json file to _data.json_\n\n2. clone or download the project (step 1 above)\n\n3. replace the file [**js/data.json**](https://github.com/IndianGhost/liveSearch/blob/master/js/data.json) by your _data.json_ !\n\nThat's all for your case, enjoy !\n\n# Demonstration\n\nDemonstration edited by jqueryscripts.net\nI'm thankful to its team because they paid attention to this modest work, By the way this is the first version: \nhttps://www.jqueryscript.net/demo/Table-Live-Search-Plugin-jQuery/\n\n![alt text](https://github.com/IndianGhost/liveSearch/blob/master/screenshots/1.PNG)\n\n![alt text](https://github.com/IndianGhost/liveSearch/blob/master/screenshots/2.PNG)\n\n![alt text](https://github.com/IndianGhost/liveSearch/blob/master/screenshots/3.PNG)\n\n![alt text](https://github.com/IndianGhost/liveSearch/blob/master/screenshots/4.PNG)\n\n# Copyright and license\nCopyright 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 !\n\n# Support My development\nIf you found it helpful, you can support me to develop new projects By :\n[![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://www.paypal.me/achrafbellaali)\n","funding_links":["https://www.paypal.me/achrafbellaali"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Findianghost%2Flivesearch","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Findianghost%2Flivesearch","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Findianghost%2Flivesearch/lists"}