Javascript.RU

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

Люди добрые, помогите чайнику решить задание.
Вывести на экран 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 =document.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>
Ответить с цитированием
  #2 (permalink)  
Старый 06.02.2012, 18:35
Новичок на форуме
Отправить личное сообщение для Kostyk92 Посмотреть профиль Найти все сообщения от Kostyk92
 
Регистрация: 06.02.2012
Сообщений: 9

извиняюсь за несодержательный заголовок. С местными правилами еще не совсем ознакомился.
Ответить с цитированием
  #3 (permalink)  
Старый 06.02.2012, 19:03
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Kostyk92,
ам!
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<title>Удаление элемента списка двойным щелчком</title>
<script language="JavaScript">
function spisok(k) {
    for (var n = 1; n <= k; n++) {
        var list = document.getElementById('list');
        var li = document.createElement('LI');
        li.ondblclick = function () {
            list.removeChild(this);
        }
        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>
Ответить с цитированием
  #4 (permalink)  
Старый 06.02.2012, 19:10
Новичок на форуме
Отправить личное сообщение для Kostyk92 Посмотреть профиль Найти все сообщения от Kostyk92
 
Регистрация: 06.02.2012
Сообщений: 9

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

Спасибо тебе большое. А теперь объясни мне пожалуйста почему здесь нужно операторы события в function () {} брать? а то я так и не понял в чем была моя ошибка
Ответить с цитированием
  #6 (permalink)  
Старый 06.02.2012, 19:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Kostyk92,
li.dblclick =document.list.removeChild(li);

1 не dblclick а ondblclick
2 значением ondblclick является функция
3 document.list некорректно лучше document.getElementById('list')
4 removeChild(li); вопрос на что будет указывать li ?

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

рони,
ну я очень много вариантов перебирал. и this скобках ставил, и че тока не делал. сама главная моя ошибка была о того что я не знал что на событие можно только функцию использовать
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите люди добрые! wipos (X)HTML/CSS 2 03.02.2011 09:52
Помогите сделать тестовое задание начального уровня по js makregistr Работа 1 16.12.2010 14:26
Помогите люди добрые luraVefrafe jQuery 2 09.06.2010 09:16
Люди, ПОМОГИТЕ! Bel666 jQuery 11 27.04.2010 15:38
Помогите решить несколько мат. задач в javascript 4_omd Общие вопросы Javascript 5 02.05.2009 12:02