Показать сообщение отдельно
  #3 (permalink)  
Старый 06.10.2014, 17:16
Аспирант
Отправить личное сообщение для myshara Посмотреть профиль Найти все сообщения от myshara
 
Регистрация: 25.06.2012
Сообщений: 37

Попытка реализации
Спасибо danik.js.

Почти получилось.

Решил сделать так:

<script type="text/javascript">
$(document).bind('keydown', function(event) {if (event.keyCode == 13) $('#dialog').dialog('open')};});
			
$('input:[name="input_1"]').bind('keydown', function(event) {if (event.keyCode == 13) $('input:name="input_2"]').focus()};});

$('input:[name="input_2"]').bind('keydown', function(event) {if (event.keyCode == 13) $('input:[name="input_3"]').focus() };});
			
$('input:[name="input_3"]').bind('keydown', function(event) {if (event.keyCode == 13) $('input:[name="input_4"]').focus() };});

$('input:[name="input_4"]').bind('keydown', function(event) {if (event.keyCode == 13) $('button:[name="btn_send"]').focus() }; });

</script>


В результате:
1) Диалог открывается.
2) По элементам input переходим.

Ошибки:
1) В Firefox не обрабатывается Datalist (в Chrome все нормально)
2) Код $('button:[name="btn_send"]').focus() - не только ставит фокус но и как бы нажимает кнопку, а это следующее нажатие на Enter. (В обоих браузерах).

Как решить данные "траблы"?
Ответить с цитированием