Comments on: jQuery UI Dialog And The Enter – Return Key Problem http://codingrecipes.com/jquery-ui-dialog-and-the-enter-return-key-problem Sun, 22 Jan 2012 07:31:56 +0000 hourly 1 http://wordpress.org/?v=3.1.1 By: Stef http://codingrecipes.com/jquery-ui-dialog-and-the-enter-return-key-problem/comment-page-1#comment-4006 Stef Wed, 28 Dec 2011 11:27:46 +0000 http://blog.code-head.com/?p=810#comment-4006 Thank you. Helped me a lot ! Thank you. Helped me a lot !

]]> By: piR http://codingrecipes.com/jquery-ui-dialog-and-the-enter-return-key-problem/comment-page-1#comment-3996 piR Wed, 14 Dec 2011 13:48:53 +0000 http://blog.code-head.com/?p=810#comment-3996 Very complicated. http://stackoverflow.com/questions/868889/submit-jquery-ui-dialog-on-enter $('#DialogTag').keyup(function(e) { if (e.keyCode == 13) { //Close dialog and/or submit here... } }); Assuming you wrote a function to bind it to the OK button, you just have to call it again. (14 dec 2011) Very complicated.

http://stackoverflow.com/questions/868889/submit-jquery-ui-dialog-on-enter

$(‘#DialogTag’).keyup(function(e) {
if (e.keyCode == 13) {
//Close dialog and/or submit here…
}
});

Assuming you wrote a function to bind it to the OK button, you just have to call it again.

(14 dec 2011)

]]> By: Cory http://codingrecipes.com/jquery-ui-dialog-and-the-enter-return-key-problem/comment-page-1#comment-2043 Cory Sun, 05 Jun 2011 00:12:13 +0000 http://blog.code-head.com/?p=810#comment-2043 @Robert - What version of jQuery UI are you using that has a className option for buttons? @Robert – What version of jQuery UI are you using that has a className option for buttons?

]]> By: Ozil http://codingrecipes.com/jquery-ui-dialog-and-the-enter-return-key-problem/comment-page-1#comment-1825 Ozil Wed, 13 Apr 2011 19:27:35 +0000 http://blog.code-head.com/?p=810#comment-1825 You are the man! Thanks for the help. I got my code to work like this: <pre lang="javascript"> $saveAsDialog.dialog('open').find('input').keypress(function(e) { if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) { $(this).parent().parent().parent().parent().find('.ui-dialog-buttonpane').find('button:first').click(); return false; } }); </pre> You are the man! Thanks for the help. I got my code to work like this:

		$saveAsDialog.dialog('open').find('input').keypress(function(e)
		{
			if ((e.which &amp;&amp; e.which == 13) || (e.keyCode &amp;&amp; e.keyCode == 13))
			{
				$(this).parent().parent().parent().parent().find('.ui-dialog-buttonpane').find('button:first').click();
				return false;
			}
		});
]]> By: Robert http://codingrecipes.com/jquery-ui-dialog-and-the-enter-return-key-problem/comment-page-1#comment-1789 Robert Mon, 04 Apr 2011 14:44:30 +0000 http://blog.code-head.com/?p=810#comment-1789 I found a quite simple solution for this problem: <pre lang="javascript"> var d = $('').dialog( buttons: [{ text: "Ok", click: function(){ // do something alert('it works'); }, className: 'dialog_default_button' }] }); $(d).find('input').keypress(function(e){ if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) { e.preventDefault(); $('.dialog_default_button').click(); } }); </pre> I found a quite simple solution for this problem:

    var d = $('').dialog(
        buttons: [{
            text: "Ok",
            click: function(){
                // do something
                alert('it works');
            },
            className: 'dialog_default_button'
        }]
    });
 
    $(d).find('input').keypress(function(e){
        if ((e.which &amp;&amp; e.which == 13) || (e.keyCode &amp;&amp; e.keyCode == 13)) {
            e.preventDefault();
            $('.dialog_default_button').click();
        }
    });
]]> By: Merijn http://codingrecipes.com/jquery-ui-dialog-and-the-enter-return-key-problem/comment-page-1#comment-1650 Merijn Sat, 19 Feb 2011 11:31:10 +0000 http://blog.code-head.com/?p=810#comment-1650 Works very well. Be carefull that it does not click ok button in other (hidden) dialogs as well. I removed .parent().parent(), copied this for the other dialog and now they both work well. Thanks. Works very well. Be carefull that it does not click ok button in other (hidden) dialogs as well.

I removed .parent().parent(), copied this for the other dialog and now they both work well.

Thanks.

]]> By: Codehead http://codingrecipes.com/jquery-ui-dialog-and-the-enter-return-key-problem/comment-page-1#comment-1471 Codehead Mon, 06 Dec 2010 21:38:43 +0000 http://blog.code-head.com/?p=810#comment-1471 Usted es muy agradable, me alegro de haber podido ayudar! Usted es muy agradable, me alegro de haber podido ayudar!

]]> By: Camilo http://codingrecipes.com/jquery-ui-dialog-and-the-enter-return-key-problem/comment-page-1#comment-1470 Camilo Mon, 06 Dec 2010 21:15:28 +0000 http://blog.code-head.com/?p=810#comment-1470 la verdad no se ingles pero de verdad muchas gracias me salvaste por que no sabia que hacer y tu codigo funciona excelentemente la verdad no se ingles pero de verdad muchas gracias me salvaste por que no sabia que hacer y tu codigo funciona excelentemente

]]> By: Roll http://codingrecipes.com/jquery-ui-dialog-and-the-enter-return-key-problem/comment-page-1#comment-1385 Roll Wed, 06 Oct 2010 05:17:34 +0000 http://blog.code-head.com/?p=810#comment-1385 You're the master! Thanks soooo much for that fix. Worked a charm. You’re the master! Thanks soooo much for that fix. Worked a charm.

]]> By: Codehead http://codingrecipes.com/jquery-ui-dialog-and-the-enter-return-key-problem/comment-page-1#comment-1383 Codehead Fri, 01 Oct 2010 17:53:14 +0000 http://blog.code-head.com/?p=810#comment-1383 Wow, so they didn't fix this yet? Wow, so they didn’t fix this yet?

]]>