diff --git a/assets/css/custom.css b/assets/css/custom.css index cbf23e5..c77e0ed 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -169,4 +169,10 @@ th.meta { height: 2.4rem; line-height: 2.4rem; color: rgba(255,255,255,0.87)!important; +} +input#SearchInput { + height: 3.6rem; + border-left: 11px solid white; + margin-left: -11px; + margin-top: 9px; } \ No newline at end of file diff --git a/assets/js/search-bar.js b/assets/js/search-bar.js new file mode 100644 index 0000000..4116545 --- /dev/null +++ b/assets/js/search-bar.js @@ -0,0 +1,14 @@ +$(document).ready(function(){ + $("#SearchInput").on("keyup", function() { + var value = $(this).val().toLowerCase(); + $("#Search_table tr").filter(function() { + $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1) + }); + }); + }); + + $(document).ready(function(){ + $("#SearchButton").click(function(){ + $("#SearchInput").toggle(); + }); + }); \ No newline at end of file diff --git a/backend/archive.php b/backend/archive.php index 6267f2f..becb5b5 100644 --- a/backend/archive.php +++ b/backend/archive.php @@ -57,6 +57,8 @@ require_once "../assets/php/cuttext.php"; + +
@@ -145,8 +147,15 @@ require_once "../assets/php/cuttext.php";