Показать сообщение отдельно
  #1 (permalink)  
Старый 06.02.2012, 18:40
Новичок на форуме
Отправить личное сообщение для Kostyk92 Посмотреть профиль Найти все сообщения от Kostyk92
 
Регистрация: 06.02.2012
Сообщений: 9

Удаление элемента из HTML-списка
Задача:Вывести на экран html-список с любыми данными. Добавить возможность удаления элементов этого html-списка двойным щелчком мыши.
Вот все что я на данный момент накатал, и осталась самая малость - правильно прописать событие dblclick для каждого тэга LI.
Толи я совсем кретин, толи че, но я уже извелся весь, и так и сяк и на перекосяк пробовал. чувствую что разгадка совсем близко. Заранее признателен...
<html>
<head>
<title>Удаление элемента списка двойным щелчком</title>
<script language="JavaScript">
<!-- hide

function spisok(k){
while(document.getElementById('list').childNodes.length) 
{document.getElementById('list').removeChild(document.getElementById('list').firstChild);};

for (var n=1; n<=k; n++)
 { var list = document.getElementById('list');
   var li = document.createElement('LI');
   li.dblclick =list.removeChild(li);
   li.innerHTML = "Элемент списка №"+n;
   list.appendChild(li);};
}
// -->
</script>
</head>
<body>
<form name="form1">
<input type="number" name="kolichestvo" min=0 value="10">
<input type="button" name="generate" value="Сгенерировать список" onClick="spisok

(document.form1.kolichestvo.value)">
</form>
<ul id="list">
</ul>
</body>
</html>
Ответить с цитированием