Auto Tag Bằng Javascript

Code này mình viết cho Tiaxgame này khá lâu rồi. vào năm lớp 12. lúc đó trình còn gà. viết thế thôi chứ code không tối ưu.

hôm nay share cho ae đoạn code này. demo thì ko đâu khác chính là ở tiaxgame.tk. ae gõ @ sau đó nhập tên cần tag.

code này hoạt động tương tự. chỉ là mình viết lại để tối ưu hơn thôi.

hd sử dụng.

*1. import cdn js này vào header.

<script src='http://poker.hamchoi.net/cdn/js/pac.js'></script>

*2. thêm đoạn code này vào footer

pac.init({
elm: "auto",
data: ["Hello","Poker","Poku","Phong","Tiaxgame","OK","Boy","Cool"]
})
pac.init({
    elm: "auto",
    data: ["Hello","Poker","Poku","Phong","Tiaxgame","OK","Boy","Cool"]
  })

trong đó

-elm là id của cái input

- data là danh sách user để có thể tag

sau đó ae chỉ cần thêm id="ID mà ae điền ở trên" vào tag input mà ae muốn auto tag này hoạt động.

như vậy là ok rồi đó.

tuy nhiên ae muốn custom cái list hiển thị theo style của mình thì thêm thuộc tính template vào như nên dưới(lưu ý: nếu thuộc tính template không đc thêm thì sẽ sử dụng style mặc định)

pac.init({
elm: "auto",
data: ["Hello","Poker","Phong","Tiaxgame","OK","Boy","Cool"],
template: '<span style="color:red;font-weight: bold"class="ok">$1</span>$2'
})
pac.init({
    elm: "auto",
    data: ["Hello","Poker","Phong","Tiaxgame","OK","Boy","Cool"],
    template: '<span style="color:red;font-weight: bold"class="ok">$1</span>$2'
  })

demo

mé lỗi tùm lum. ko cho edit bài viết à

Oh kinh nhờ