| Kostyk92 | 
			06.02.2012 18:40 | 
		 
		 
		
		 
		
		
			Удаление элемента из 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>
 
	 |