[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Отправка формы при нажатии на enter
faig92
Помогите пожалуйста, не как не могу решить , покопался по поисковым системам но не как не решить:
Задача такова:
Есть поле и кнопка для для отправки сообщения:
echo "<table>";
echo "<tr>";
echo "<td>";
echo "<div id='messages'>";
echo "</div>";
echo "</td>";
echo "</tr>";
echo "<tr>";
echo "<td>";
echo "<form action='javascript:send();'>";
echo "<textarea name='message' rows='5' cols='50' id='mess_to_send'></textarea><br>";
echo "<input type='hidden' value='$_SESSION[id]' name='author' id='author'/>";
echo "<input type='hidden' value='$_GET[cor]' name='user' id='user'/>";
echo "<input type='submit' width='520px'; height='550px'; value='Отправить'>";
echo "</form>";
echo "</td>";
echo "</tr>";
echo "</table>";


Вот скрипт:
<script type="text/javascript">
//Загружаем библиотеку JQuery
google.load("jquery", "1.3.2");
google.load("jqueryui", "1.7.2");

//Функция отправки сообщения
function send()
{
//Считываем сообщение из поля ввода с id mess_to_add
var mess=$("#mess_to_send").val();
var author=$("#author").val();
var user=$("#user").val();
// Отсылаем паметры
$.ajax({
type: "POST",
url: "add_mess.php",
data: {"author": author, "mess": mess, "user": user},
// Выводим то что вернул PHP
success: function(html)
{
//Если все успешно, загружаем сообщения
load_messes();
//Очищаем форму ввода сообщения
$("#mess_to_send").val('');
}
}
);
}

//Функция загрузки сообщений
function load_messes()
{
$.ajax({
type: "POST",
url: "load_messes.php?cor=<?php echo $_GET[cor]?>",
data: "req=ok",
// Выводим то что вернул PHP
success: function(html)
{
//Очищаем форму ввода
$("#messages").empty();
//Выводим что вернул нам php
$("#messages").append(html);
//Прокручиваем блок вниз(если сообщений много)
$("#messages").scrollTop(90000);
}
}
);
}

</script>


Как сделать так чтобы при нажатии на Enter сообщения была отправлена а при нажатии на Ctrl+Enter перешло на следующую строку ..Как в vkontakte
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.