Смена данных пользователя.

[Viikkk]

Всем привет. Подскажите как написать код который делал бы следующие: при клике на надпись Edit поля name, phone, e-mail в таблице открывались для ввода и для изменений данных, так чтоб одновременно запускался input с тремя полями. Прошу помочь и спасибо.

Вот той фрагмент таблицы к которому всё это должно работать:

<li>

<div class="no_img">

<a href=""><img src="images/Pen2.jpg" hspace=15 vspace=3 align=right alt="Edit"></a>

</div><!--no_img-->

<a href="#">

<img src="images/member_ph.png" class="dashboard-member-activity-avatar"/></a>

<strong> MY NAME </strong><br />

MY PHONE <br />

<a href="#">MY_EMAIL@email.com</a>

</a>

</li>

[Viikkk]

Привет всем. Вижу смотрим тему а ответов нет. Вот я ждал и думал, и даже что та придумал. Излагаю для тех кто не знает как всё это проделать

<div class="no_img">

<a href=""><img src="images/Pen2.jpg" hspace=15 vspace=3 align=right alt="Edit" onclick="exchange(itm11);exchange(itm12);exchange(itm13);"></a>

</div><!--no_img-->

<a href="#">

<img src="images/member_ph.png" class="dashboard-member-activity-avatar"/></a>

<strong>

<span id="itm11">NAME</span></strong><br />

<span id="itm12">PHONE</span><br />

<a href="#">

<span id="itm13">MY_EMAIL@email.com</span></a>

</a>

</li>

При этом используем вот такой JavaScript

function exchange(el){

var nodeI=el.parentNode, inputC=document.createElement('input'), text=el.innerHTML;

el.style.font='.9em "ms sans serif", "sans"'

el.innerHTML+='\x20'

with (inputC){

setAttribute('value', text, 0)

setAttribute('size', text.length-1, 0)

style.width=document.all&&!window.opera? el.offsetWidth-2+'px' : el.offsetWidth+2+'px'

setAttribute('type', 'text', 0)

setAttribute('id', el.id, 0)

}

nodeI.replaceChild(inputC, el)

}

ВТОРОЙ ВОПРОС: Как видим смена данных происходит по щелчку рисунка Pen2, который появляется при наведении курсора , и вот задачка пока еще не понятна для меня, как сделать так чтоб при клике на рисунок он исчез а вместо него должны появится два рисунка –крестик(который должен удалять записи) и галочка(либо ок)(который должен сохранять изменения).

[Viikkk]

Всё, проблему решил.

Решение этой проблемы в теме " Редактирование даных "

ТЕМА ЗАКРЫТА.

Edited September 8, 2012 by Viikkk