Comments on: Web form usability: Better form submission feedback with jQuery http://briancray.com/2009/07/28/increase-form-usability-replace-form-button-submit/ User Experience Design, Web Development, and Internet Marketing Sun, 15 Jan 2012 00:45:59 +0000 hourly 1 http://wordpress.org/?v=3.1.2 By: 50 Useful New jQuery Techniques and Tutorials : Vn Sharing http://briancray.com/2009/07/28/increase-form-usability-replace-form-button-submit/#comment-32836 50 Useful New jQuery Techniques and Tutorials : Vn Sharing Wed, 14 Dec 2011 10:17:54 +0000 http://briancray.com/?p=932#comment-32836 [...] Better form submission feedback with jQuery Browsers fail to give users effective feedback when the user submits a form. Users respond by clicking the submit button over and over. The problem compounds when users find out they’ve been charged 5 times or when you receive 5 contact submissions. The solution is to replace the submit button with a friendly message letting the user know the form is working. [...] [...] Better form submission feedback with jQuery Browsers fail to give users effective feedback when the user submits a form. Users respond by clicking the submit button over and over. The problem compounds when users find out they’ve been charged 5 times or when you receive 5 contact submissions. The solution is to replace the submit button with a friendly message letting the user know the form is working. [...]

]]> By: 50 Useful New jQuery Techniques and Tutorials | Vn Sharing http://briancray.com/2009/07/28/increase-form-usability-replace-form-button-submit/#comment-32832 50 Useful New jQuery Techniques and Tutorials | Vn Sharing Thu, 24 Nov 2011 03:39:44 +0000 http://briancray.com/?p=932#comment-32832 [...] Better form submission feedback with jQuery Browsers fail to give users effective feedback when the user submits a form. Users respond by clicking the submit button over and over. The problem compounds when users find out they’ve been charged 5 times or when you receive 5 contact submissions. The solution is to replace the submit button with a friendly message letting the user know the form is working. [...] [...] Better form submission feedback with jQuery Browsers fail to give users effective feedback when the user submits a form. Users respond by clicking the submit button over and over. The problem compounds when users find out they’ve been charged 5 times or when you receive 5 contact submissions. The solution is to replace the submit button with a friendly message letting the user know the form is working. [...]

]]> By: 50 Kỹ Thuật và Bài Học về jQuery – iTViet.Vn – Thông Tin Công Nghệ http://briancray.com/2009/07/28/increase-form-usability-replace-form-button-submit/#comment-32816 50 Kỹ Thuật và Bài Học về jQuery – iTViet.Vn – Thông Tin Công Nghệ Sat, 24 Sep 2011 05:47:23 +0000 http://briancray.com/?p=932#comment-32816 [...] Better form submission feedback with jQuery Các trình duyệt quên cung cấp cho người dùng feedback (thông tin phản hồi) hiệu quả khi người dùng đăng ký form. Người dùng phản ứng lại bằng cách nhấn vào button đăng ký nhiều lần. Vấn đề phức tạp xảy ra là khi người dùng nhận ra họ đã bị tính phí 5 lần hoặc khi bạn nhận được 5 lần liên hệ đăng ký. Giải pháp được đưa ra: Thay thế button đăng ký bằng một tin nhắn thân thiện cho phép người sử dụng biết form của họ đang hoạt động. How to Make a Threadless Style T-Shirt Gallery Có một hình ảnh thu nhỏ trong một hình ảnh có kích thước đầy đủ trong một container div, và có một cái nhỏ hơn so với hình ảnh có kích thước đầy đủ. hình ảnh này được căn chính giữa, nhưng không hiển thị hoàn toàn vì overflow (tràn bộ nhớ): hidden được bật lên. Khi di chuột lên hình ảnh thu nhỏ, overflow : hidden bị tắt, và toàn bộ hình ảnh được hiển thị. [...] [...] Better form submission feedback with jQuery Các trình duyệt quên cung cấp cho người dùng feedback (thông tin phản hồi) hiệu quả khi người dùng đăng ký form. Người dùng phản ứng lại bằng cách nhấn vào button đăng ký nhiều lần. Vấn đề phức tạp xảy ra là khi người dùng nhận ra họ đã bị tính phí 5 lần hoặc khi bạn nhận được 5 lần liên hệ đăng ký. Giải pháp được đưa ra: Thay thế button đăng ký bằng một tin nhắn thân thiện cho phép người sử dụng biết form của họ đang hoạt động. How to Make a Threadless Style T-Shirt Gallery Có một hình ảnh thu nhỏ trong một hình ảnh có kích thước đầy đủ trong một container div, và có một cái nhỏ hơn so với hình ảnh có kích thước đầy đủ. hình ảnh này được căn chính giữa, nhưng không hiển thị hoàn toàn vì overflow (tràn bộ nhớ): hidden được bật lên. Khi di chuột lên hình ảnh thu nhỏ, overflow : hidden bị tắt, và toàn bộ hình ảnh được hiển thị. [...]

]]> By: 50个有用的jQuery技巧 | ajax-js – ajax实例汇总 http://briancray.com/2009/07/28/increase-form-usability-replace-form-button-submit/#comment-32814 50个有用的jQuery技巧 | ajax-js – ajax实例汇总 Sun, 04 Sep 2011 08:44:48 +0000 http://briancray.com/?p=932#comment-32814 [...] Better form submission feedback with jQuery [...] [...] Better form submission feedback with jQuery [...]

]]> By: 50 Kỹ Thuật và Bài Học về jQuery | Thư Viện IT http://briancray.com/2009/07/28/increase-form-usability-replace-form-button-submit/#comment-32810 50 Kỹ Thuật và Bài Học về jQuery | Thư Viện IT Thu, 11 Aug 2011 02:11:45 +0000 http://briancray.com/?p=932#comment-32810 [...] 11. Better form submission feedback with jQuery Các trình duyệt quên cung cấp cho người dùng feedback (thông tin phản hồi) hiệu quả khi người dùng đăng ký form. Người dùng phản ứng lại bằng cách nhấn vào button đăng ký nhiều lần. Vấn đề phức tạp xảy ra là khi người dùng nhận ra họ đã bị tính phí 5 lần hoặc khi bạn nhận được 5 lần liên hệ đăng ký. Giải pháp được đưa ra: Thay thế button đăng ký bằng một tin nhắn thân thiện cho phép người sử dụng biết form của họ đang hoạt động. [...] [...] 11. Better form submission feedback with jQuery Các trình duyệt quên cung cấp cho người dùng feedback (thông tin phản hồi) hiệu quả khi người dùng đăng ký form. Người dùng phản ứng lại bằng cách nhấn vào button đăng ký nhiều lần. Vấn đề phức tạp xảy ra là khi người dùng nhận ra họ đã bị tính phí 5 lần hoặc khi bạn nhận được 5 lần liên hệ đăng ký. Giải pháp được đưa ra: Thay thế button đăng ký bằng một tin nhắn thân thiện cho phép người sử dụng biết form của họ đang hoạt động. [...]

]]> By: 50个有用的jQuery技巧 | 前端开发 http://briancray.com/2009/07/28/increase-form-usability-replace-form-button-submit/#comment-32747 50个有用的jQuery技巧 | 前端开发 Fri, 04 Mar 2011 04:47:35 +0000 http://briancray.com/?p=932#comment-32747 [...] Better form submission feedback with jQuery [...] [...] Better form submission feedback with jQuery [...]

]]> By: 50个有用的jQuery技巧|Narco http://briancray.com/2009/07/28/increase-form-usability-replace-form-button-submit/#comment-32704 50个有用的jQuery技巧|Narco Fri, 24 Dec 2010 08:16:42 +0000 http://briancray.com/?p=932#comment-32704 [...] Better form submission feedback with jQuery [...] [...] Better form submission feedback with jQuery [...]

]]> By: 50 полезных уроков по jQuery (часть 1) http://briancray.com/2009/07/28/increase-form-usability-replace-form-button-submit/#comment-32668 50 полезных уроков по jQuery (часть 1) Tue, 26 Oct 2010 11:30:04 +0000 http://briancray.com/?p=932#comment-32668 [...] 10. Создание контактной формы. [...] [...] 10. Создание контактной формы. [...]

]]> By: tom http://briancray.com/2009/07/28/increase-form-usability-replace-form-button-submit/#comment-32477 tom Sun, 25 Jul 2010 15:46:06 +0000 http://briancray.com/?p=932#comment-32477 Hi I'm newbie and don't know why my hyperlink of my button don't works with JQuery... hover works but don't appears the link in the status bar and don't trigger. The idea is to use this button to return to home page and can't do it. The HTML code is inside a Library in Dreamweaver. This is the code: HTML code: <a href="../index.html" rel="nofollow">INICIO</a> jQUERY code: $(function() { $("a").click(); $("button, a", ".BotonInicio").button(); $("a", ".BotonInicio").click(function() { return false; }); }); CSS Code: .BotonInicio { margin-top: 21px; } .FormatButton { } What's wrong here? Thanks Tom Hi
I’m newbie and don’t know why my hyperlink of my button don’t works with JQuery… hover works but don’t appears the link in the status bar and don’t trigger. The idea is to use this button to return to home page and can’t do it. The HTML code is inside a Library in Dreamweaver. This is the code:
HTML code:

INICIO

jQUERY code:
$(function() {
$(“a”).click();
$(“button, a”, “.BotonInicio”).button();
$(“a”, “.BotonInicio”).click(function() { return false; });
});

CSS Code:
.BotonInicio {
margin-top: 21px;
}
.FormatButton {
}

What’s wrong here?
Thanks
Tom

]]> By: Silver http://briancray.com/2009/07/28/increase-form-usability-replace-form-button-submit/#comment-32473 Silver Sat, 24 Jul 2010 16:17:35 +0000 http://briancray.com/?p=932#comment-32473 How can you do that trick in pure javascript? :) How can you do that trick in pure javascript? :)

]]>