VPF::Редактирование на AJAX строки, сохранение по enter

Xeim

Дата 9.4.2011, 19:31 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 186
Регистрация: 17.11.2005

Репутация: нет
Всего: 0

Есть страница анкеты, есть табличка с данными, например на страницу выводится

Код


<td>
    <div id='div_age'><?PHP echo $u['user_age'] ?></div>
</td>

Как сделать следующее?
1) Двойное нажатие на этот див - приводит к замене содержимого дива на текстовое поле, в котором будет текст из дива.
2) Enter в текстовом поле - отправка post-запроса через ajax другому скрипту с данными, которые можно послать в аргументе, а также в случае удачи замена этого текстового поля на значение из этого поля.

Котокобра

Дата 9.4.2011, 19:42 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 147
Регистрация: 26.11.2009

Репутация: 0
Всего: 4

например, так:

Код


<form action="">

<table border="1" width="100%" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>

<div onDblClick="this.style.display='none';document.getElementById('i1').style.display='inline';">text here</div>


    <input id="i1" type="text" value="" name="p" style="display:none;" />

</td>
</tr>
</tbody>
</table>

</form>

отправка по Enter произойдет по определению, т.к. input находится внутри form.

Добавлено через 2 минуты и 27 секунд
забыл еще про отправку AJAX-запроса...

Код


<script>
function func() {
    // здесь пишем AJAX-запрос
    return false;
}
</script>


<form action="" onSubmit="func()">
...

</form>

Xeim

Дата 10.4.2011, 13:16 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 186
Регистрация: 17.11.2005

Репутация: нет
Всего: 0

Страница из-за отправки формы перезапускаетсяя, строка адреса меняется. В общем не правильно что-то. Может вариант не верный и не в верном направлении решение?

Знаю что задача не сложная, но немного подзабыл как делал раньше. Напомните пожалуйста.

P.S. Как из функции узнать ID следующего объекта, чем тот, что передан как аргумент в функцию?

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »