Помогите, пожалуйста. Попыталась переписать задачу DHTML на jQuery, но вообще ничего не работает. Исходный код:
<head>
<title>E-mail</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
[JS]/*
Сверстайте HTML и напишите скрипт таким образом, чтобы при нажатии на ссылку «Добавьте контакт» появлялись поля для
ввода имени и адреса эл.почты. Начиная со второй строки должна появлятся пиктограмма del.jpg, при нажатии на которую
текущая строка должна удаляться. Обратите внимание, что у каждого поля должно быть уникальное имя.
*/
function addContact (){
var tablica = document.getElementById ("contacts"); //получение доступа к элементу tbody с id contacts
var newStroka = tablica.insertRow (-1); //добавляем строку
var newCell = newStroka.insertCell (-1); //добвляем еще одну ячейку к строке
if (tablica.rows.length == 3) newCell.innerHTML = " "; //делаем пробел в первой строке вместо рисука del.jpg
else //иначе в последующих строках в первой ячейке вместо пробела добавляем рисунок
{
var im = document.createElement ("img");
im.src = "del.jpg";
im.onclick = removeContact; //вызов функции при клике на картинку, для удаления строки
newCell.appendChild (im);
}
//подсчет количества кликов, т.е. количества добавленных строк
NUM = (!self.NUM) ? 1 : ++NUM; //и такую запись честно подсмотрела на просторах интернета
//создаем поле для ввода имени с атрибутом name
var newCell = newStroka.insertCell (-1);
var inpName = document.createElement ("input");
inpName.name = "name" + NUM;
newCell.appendChild (inpName);
//сщздаем поле для ввода email с атрибутом name
var newCell = newStroka.insertCell (-1);
var inpEmail = document.createElement ("input");
inpEmail.name = "email" + NUM;
newCell.appendChild (inpEmail);
//функция для удаления строк по клику на картинку
function removeContact (event){
var obj = event.target;
document.getElementById ("contacts").deleteRow(obj.parentNode.parentNode.rowIndex);
}
}[/JS]
</head>
<body>
<table>
<tbody id="contacts">
<tr>
<td colspan="3"><a href="#" onclick = "addContact();">Добавьте контакт</a></td>
</tr>
<tr>
<td width = 20 ></td>
<td>Имя </td>
<td>Email</td>
</tr>
</tbody>
</table>
</body>
Так задача отлично работает. Вот как сделать под jQuery понятия не имею. Помогите. Я студент и пока вообще не поняла тему библиотек. Поэтому потом буду читать доп литературу. А на данный момент надо сдать работу - сроки горят.