XtGem Forum catalog

CuDemVN.Wap.Sh

- GetSmile.Mobie.In - Diễn đàn chia sẻ Cú đêm Việt Nam
- AiChat.Wap.Sh - Diễn đàn Xtgem Việt Nam
- HamTruyen.Xtgem.Com - Blog Ham Truyện nơi hội tụ của những tín đồ mê truyện chữ
* Trang chủ >> WapMaster
Tìm Kiếm Thảo Luận
↓↓

Hướng dẫn tạo Form bình luận giống Facebook (không dùng nút Submit)

Admin* RoSino18k *
* 21-09-2015
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 vui

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 hehe

Đầu tiên
Không thể thiếu đó là thư viện jQuery:
<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: *Tại Đây

Các bạn download Plugin Js về rồi đưa vào thẻ:
<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é.
<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ụ:
<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 ý:
<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!
WapkaInternational.Com
Nguồn: DuyPobby
↓ Tập tin Đính kèm ↓
↑↑ Lượt xem: 1112
score
Đánh giá: 4.5/ 5, 1112 bình chọn
- Chia sẻ:G  T
BBCode:

Link:
+ Còn “nhiều” Lắm!
+

Share code Diễn đàn trên Xtgem Full chức năng cực chất GetSmile.Mobie.In bởi Cú Đêm Việt Nam

+

Share code PHP hiển thị thông tin khách đang online trên Site

+

Sử dụng HTML và CSS tạo hiệu ứng hiển thị mô tả khi di chuột vào hình ảnh

+

Ajax là gì? Hướng dẫn code cơ bản khi xử lý dữ liệu với jQuery Ajax

+

Share full code PHP bộ tool cài đặt và quản lý Filelist KhoTruyen365 Xtgem

Trang chủ Cú Đêm Việt Nam Trang Chủ[1-1-1112]