Hi, Phòng khách!
Trang chủ
Đăng nhập
Công Cụ Tìm Kiếm

Lần hoạt động

| |
Tìm kiếm

  Tạo Form comment giống Facebook

Bài viết được duyệt bởi PuaruVN
Đăng ngày :09.03.2016 / 15:26[TOP]
Tomdaik
TOMDZ
Sáng Lập Viên
♥♥
[Web Designer & Developer]
Mọi người chắc hẳn đã quá quen thuộc với form comment của facebook rồi phải không? Cái hay của nó ở chỗ là chúng ta không cần phải dùng tới nút Submit

Như các bạn đã biết khi sử dụng form comment trên Facebook. Thì mỗi khi ấn Enter thì nội dung sẽ được gửi đi (submit) và khi ta giữ nút Shift và ấn Enter thì nó sẽ xuống 1 dòng mới.

Tưởng chừng search Google là sẽ thấy, nhưng có tìm thì mới biết nó gian nan tới mức nào. Nay mình sẽ share cho mọi người Plugin này, mình đã tối giản nó để mọi người có thể sử dụng 1 cách dễ dàng nhất.

DEMO: Ai test thành công sẽ được đặt demo nha

Đầu tiên
Không thể thiếu đó là thư viện jQuery
Mã Code Vina4u
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>


Tiếp theo
Cài đặt Plugin ShiftEnter bằng cách đặt nó dưới thư viện jQuery

Plugin ShiftEnter:
Vui lòng đăng nhập để thấy Links!


Các bạn download Plugin Js về rồi đưa vào thẻ
Mã Code Vina4u
<script src="Link Plugin Js"></script>


Cuối cùng
Tạo form để thực thi. Các bạn tạo form theo mẫu sau:
Mình sẽ tạo 1 form mẫu nhé.
Mã Code Vina4u
<form method="post" action="NNN.xhtml&submit=OK"><input type="hidden" name="d_token" value="XXXXXXXX"/><textarea id="wki_shiftenter" name="text"></textarea></form>


Nếu bạn muốn thực thi trên 1 form khác thì phải khai báo đủ các input, select, option v.v..
Nhưng không khai báo <input type="submit"> nhé!
Mà thay vào đó là đưa &submit=OK vào action
Trong một số trường hợp, có thể bạn sẽ phải khai báo toàn bộ các name vào action và không kèm theo value của nó:

Ví dụ:
Mã Code Vina4u
<form method="post" action="NNN.xhtml?tema=&d_token=&text=&submit=OK"><input type="hidden" name="tema" value="123"/><input type="hidden" name="d_token" value="XXXXXXXX"/><textarea id="wki_shiftenter" name="text"></textarea></form>


Lưu ý:
Mã Code Vina4u
<textarea> luôn phải có id="wki_shiftenter"


Như vậy mình đã share cho các bạn 1 Plugin hay cho trang Web của bạn. Đó là Plugin ShiftEnter được dùng để tạo Form comment giống Facebook.
Chúc các bạn thành công!
Bình luận bài viết
Đăng Nhập để Bình luận và sử dụng đầy đủ tính năng Diễn Đàn
  Tổng số: 1 Bình luận

Chia sẻ bài viết
Đám Mây Từ Khóa
Bài Viết Cùng chuyên mục
Lọc theo tác giả
Xem chủ để ngoại tuyến (Offline)

Trong diễn đàn

Sắp xếp theo thứ tự từ trên xuống
BigTruyen.info - Kho Truyện Tranh Online Khổng lồ
Trang chủ