Bình luận bằng nhãn dán như facebook đơn giản - ứng dụng tự tạo chức năng đa ngôn ngữ cho trang web bằng javascript

Nghe tiêu đề có vẻ không liên quan lắm nhỉ? Nhưng 2 chủ đề này mình dùng cùng một phương pháp để xây dựng nên mình viết cho mọi người thấy ứng dụng và có thể áp dụng thành các tính năng hay ho khác nhé

Hình dung

Bạn có dùng facebook chứ? Nếu có thì chắc bạn cũng biết chức năng bình luận bằng nhãn dán - ảnh gif là một tính năng khá thú vị được facebook xây dựng.

Nếu bạn dùng cả chatwork, chắc cũng đã từng dùng nhãn dán của chat++ hoặc đã thấy nhãn dán của chat++, chỉ cần gõ từ khóa của nhãn dán là hiển thị được sticker rồi

Bạn cũng có thể tự xây dựng tính năng bình luận như vậy, bài viết này mình sẽ giúp các bạn làm tính năng bình luận với nhãn dán đơn giản.

Bắt đầu với form bình luận nào

Trên chatwork chỉ cần gõ đúng key là có thể hiển thị nhãn dán, mình cũng sẽ xây dựng với key tương tự chatwork, tức là chỉ cần gõ (dog) vào ô bình luận là sẽ hiển thị nhãn dán con chó. Trước tiên cần một cái form đơn giản để nhập key đã

<form action="result.php" method="post">
    Your message: <input type="text" name="mess"><br>
    Icon: <input type="text" name="icon"><br>
    <input type="submit">
</form>

Về phần xử lý form, tùy theo ngôn ngữ các bạn dùng xây dựng trang web để xử lý, ở đây mình sử dụng ngôn ngữ php nên đặt action tới file xử lý tên là result.php

Form này hết sức đơn giản rồi, chỉ có 1 dòng để nhập key cho icon và mình thêm một dòng cho bạn nhắn nhủ với icon thôi.

Vì mình thích đẹp nên cho tí bootstrap vào form cho đẹp, còn bạn muốn trông nó ra sao là tùy bạn thôi