Показать сообщение отдельно
  #1 (permalink)  
Старый 19.12.2016, 09:41
Интересующийся
Отправить личное сообщение для Corazon Посмотреть профиль Найти все сообщения от Corazon
 
Регистрация: 19.12.2016
Сообщений: 12

Необходимо изменить код под jquery
Помогите, пожалуйста. Попыталась переписать задачу 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 понятия не имею. Помогите. Я студент и пока вообще не поняла тему библиотек. Поэтому потом буду читать доп литературу. А на данный момент надо сдать работу - сроки горят.
Ответить с цитированием