search.js 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. $(document).ready(function() {
  2. LanguageSwitching();
  3. var searchHistoryArray = localStorage.getItem('history')?localStorage.getItem('history'):[];
  4. if(searchHistoryArray.length>0) {
  5. searchHistoryArray = searchHistoryArray.split(',');
  6. }
  7. // 视频搜索
  8. $(document).on("keyup", function (event) {
  9. if (event.keyCode == 13) {
  10. $("#tip").hide();
  11. let searchInputVal = $(".searchInput").val().trim();
  12. if (!searchInputVal) {
  13. // 请输入搜索关键字
  14. tip("Please enter the search content");
  15. } else {
  16. if($.inArray(searchInputVal,searchHistoryArray)<0) {
  17. searchHistoryArray.push(searchInputVal);
  18. localStorage.setItem('history',searchHistoryArray);
  19. }
  20. $(location).attr("href", "index.html?type=search" + '&name='+searchInputVal+'&page=1');
  21. }
  22. }
  23. });
  24. $(".clearTextImg").on("click", function () {
  25. $(".searchInput").val("");
  26. });
  27. var searchHistoryHtml = '';
  28. $.each(searchHistoryArray,function(index, data) {
  29. searchHistoryHtml += '<li>';
  30. searchHistoryHtml += ' <p>'+data+'</p>';
  31. searchHistoryHtml += ' <img src="/Public/bibidd/images/clear.png" alt="">';
  32. searchHistoryHtml += '</li>';
  33. })
  34. $('.history').html(searchHistoryHtml);
  35. $('.history li').on('click', function() {
  36. let searchInputVal = $(this).find('p').eq(0).text();
  37. $(location).attr("href", "index.html?type=search" + '&name='+searchInputVal+'&page=1');
  38. // $('.searchInput').val(searchInputVal);
  39. })
  40. $('.history li img').on('click', function(event) {
  41. event.stopPropagation();
  42. searchHistoryArray.splice($(this).parent().index(),1);
  43. localStorage.setItem('history',searchHistoryArray);
  44. $(this).parent().remove();
  45. })
  46. $('.back').on('click', function () {
  47. window.location.href = "index.html";
  48. })
  49. var languageIsLong = false;
  50. $('.language').on('click', function() {
  51. if(languageIsLong) {
  52. $('.language img').attr('src', '/Public/bibidd/images/shang.png');
  53. $(".languageWrap").css('height','50px');
  54. }else{
  55. $('.language img').attr('src', '/Public/bibidd/images/xia.png');
  56. $(".languageWrap").css('height','150px');
  57. window.scrollTo(0, 99999999999);
  58. }
  59. languageIsLong = !languageIsLong;
  60. })
  61. $('.languageText').on('click', function() {
  62. languageIsLong = !languageIsLong;
  63. $('.language img').attr('src', '/Public/bibidd/images/shang.png');
  64. $(".languageWrap").css('height','50px');
  65. if($(this).attr('id') == 'CN') {
  66. // 切换中文
  67. localStorage.setItem('language', 'CN');
  68. }else{
  69. // 切换英文
  70. localStorage.setItem('language', 'EN');
  71. }
  72. LanguageSwitching();
  73. })
  74. function LanguageSwitching() {
  75. var languageParameter = localStorage.getItem('language') || 'CN';
  76. if ( languageParameter == 'CN') {
  77. // 切换中文语言
  78. $('.pageTitle').text('蒐索');
  79. $('.searchInput').attr('placeholder', '蒐索視頻');
  80. $('.title').text('歷史蒐索');
  81. $('.language').find('p').eq(0).text('語言');
  82. }else if (!languageParameter || languageParameter == 'EN'){
  83. // 切换英文语言
  84. $('.pageTitle').text('Search');
  85. $('.searchInput').attr('placeholder', 'Search Video');
  86. $('.title').text('Recent Search');
  87. $('.language').find('p').eq(0).text('Language');
  88. }
  89. }
  90. })