Tiaxgame.Tk
Trang chủ | Forum | Register Wap4.Co Free
Đăng Nhập » Đăng Ký
ForumMã NguồnJavascript
Lượt xem: 113

▼ Share code JavaScript auto tag giống Tiaxgame.tk

* Poker  (Member) [Off]
181 * 303
*   Cách đây 2 tháng
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"]
})

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'
})

demo:
[Hình ảnh]
Edited by: Poker
[Like=2] Min , tiaxgame
* phong  (Member) [Off]
218 * 322
*   Cách đây 2 tháng
Cái này dành cho tag==name thôi phải ko bác
* phong  (Member) [Off]
218 * 322
*   Cách đây 2 tháng
Mà có ai làm forum đâu mà dùng
* tiaxgame  (Admin) [Off]
435 * 1006
*   Cách đây 2 tháng
có thể dùng cho phần từ gợi ý tìm kiếm
▼ Tổng số: 4
- Share:
BBCode:

Link: