Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Редактирование на AJAX строки, сохранение по enter

Автор: Xeim 9.4.2011, 19:31

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

Код


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

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

Автор: Котокобра 9.4.2011, 19:42

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

Код


<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

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

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

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