Thêm chức năng tự động gợi ý từ khóa vào ô tìm kiếm trong Xenforo.

Thảo luận trong 'Style & Template Questions' bắt đầu bởi vbt.dongnguyen, 25/8/14.

1votes
5/5, 1 vote

  1. vbt.dongnguyen

    vbt.dongnguyen Member

    Bài viết:
    180
    Likes :
    102
    Cái này vọc vách chơi thôi, thấy cũng hay nên chia sẽ cùng mọi người.
    Nhưng trước hết cho mình xin nêu ý tưởng cho code này mong anh em giúp đở.
    Mình muốn script này nó tự lấy từ khóa từ tinhte xentag nhưng mình dốt không biết cách nào làm cả, chỉ biết thêm bằng tay thôi hihi, vậy mọi người tìm cách với mình nhé, nếu được thì sẽ vô cùng tiện lợi.
    Còn đây là code và cách thêm vào Xenforo như sau:
    Đầu tiên mở Template PAGE_CONTAINER thêm 2 đoạn script này vào <HEAD>
    Mã:
    <script type="text/javascript" src="js/jquery.autocomplete.min.js"></script>
<script type="text/javascript" src="js/currency-autocomplete.js"></script>
    Tiếp theo mở Template EXTRA.CSS thêm vào đoạn CSS sau:
    Mã:
    .autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto; }
.autocomplete-suggestion { padding: 10px 5px; font-size: 1.2em; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399ff; }
    Sau đó mở Template Search_Bar tìm:
    Mã:
    <input type="search" name="keywords" value="" class="textCtrl" placeholder="{xen:phrase search}..." results="0" title="{xen:phrase enter_your_search_and_hit_enter}" id="QuickSearchQuery" />
    Thay bằng:
    Mã:
    <input type="search" name="keywords" value="" class="textCtrl" placeholder="{xen:phrase search}..." results="0" title="{xen:phrase enter_your_search_and_hit_enter}" class="biginput" id="QuickSearchQuery" />
    Cuối cùng là Download các file JS phía dưới về và Upload lên thư mục JS của Xenforo thế thôi.
    Chú ý: vì mình phải tự thêm từ khóa gợi ý nên phải chỉnh sửa bằng tay, để chỉnh sửa các bạn mở file JS "currency-autocomplete.js" lên tự chỉnh sửa nhé.
    Còn đây là DEMO:
    Demo
     

    Các file đính kèm:

    vbt.dongnguyen, 25/8/14
    #1
    Bcat9505 thích bài này.
    Bài viết cũ hơn
    Bài viết mới hơn
    Đang tải...
    Recommended:X
  2. Bcat9505

    Bcat9505 Moderator Staff Member

    Bài viết:
    1,335
    Likes :
    494
    note *
     
    Bcat9505, 25/8/14
    #2
  3. Bvn.vn

    Bvn.vn Active Member

    Bài viết:
    1,832
    Likes :
    401
    Không giải nén được bạn ơi
    upload_2014-8-25_2-31-25
     
    Bvn.vn, 25/8/14
    #3
  4. Bcat9505

    Bcat9505 Moderator Staff Member

    Bài viết:
    1,335
    Likes :
    494
    copy tệp vào ổ đĩa khác mà giải nén nha, vd ổ D
     
    Bcat9505, 25/8/14
    #4
    Bvn.vn thích bài này.
  5. nttruong

    nttruong Well-Known Member

    Bài viết:
    1,518
    Likes :
    776
    ý tưởng tốt! oánh dấu tiện làm 1 cái add-ons cho phần này!
     
    nttruong, 25/8/14
    #5
  6. vbt.dongnguyen

    vbt.dongnguyen Member

    Bài viết:
    180
    Likes :
    102
    À xin lổi các bạn hồi tối hok biết mắt mờ hay sao mà nén nhầm thành rar5, bạn download lại file mới nha
     
    vbt.dongnguyen, 25/8/14
    #6
comments powered by Disqus
: zshare.vn, share

Chia sẻ trang này

Đang tải...