Javascript html-список - JavaScript, Ajax

Ast · 11.12.2011, 09:25

вот задание, заранее спасибо за помощь, не представляю с чего начать:

Javascript. Вывести на экран html-список с любыми данными. Добавить возможность удаления элементов этого html-списка двойным щелчком мыши.

Arigato · 11.12.2011, 10:55

Какого рода список, набор элементов <li> или <option>?

Ast · 11.12.2011, 11:38

любого рода

Arigato · 11.12.2011, 12:20

Для списка из option:

Код HTML:

<html>
<body>
<script type="text/javascript"><!--
  var body = document.getElementsByTagName ("body")[0];
  var select = document.createElement ("select"); 
  select.size = 16;
  body.appendChild (select);
  for ( var i = 0; i < 16; i++ )
  {
    option = new Option ("Option #" + i.toString(), i, false, false);
    select.options[select.options.length] = option;
    option.ondblclick = function() {select.remove (select.selectedIndex)};
  }
//--></script>
</body>
</html>

Ast · 11.12.2011, 12:39

спасибо, большое.
проверить проверил тока видимо эта строка кликами управляет:

option.ondblclick = function() {select.remove (select.selectedIndex)}

двумя кликами не убирается.
понять бы ещё что там написано)))

var body = document.getElementsByTagName ("body")[0];
var select = document.createElement ("select");
select.size = 16;

ну это видимо создаем список длинной 16

body.appendChild (select);
не знаю что

for ( var i = 0; i < 16; i++ )

это что то типа цикла от 0 до 16 с шагом 1

option = new Option ("Option #" + i.toString(), i, false, false);
select.options[select.options.length] = option;

это не знаю что

Arigato · 11.12.2011, 12:43

Цитата:

Сообщение от Ast

проверить проверил тока видимо эта строка кликами управляет:

option.ondblclick = function() {select.remove (select.selectedIndex)}

двумя кликами не убирается.

Какой браузер?

Цитата:

Сообщение от Ast

понять бы ещё что там написано)))

Это, пожалуйста, самостоятельно разбирайтесь.

Ast · 11.12.2011, 12:53

хром, интернет эксплорер

Arigato · 11.12.2011, 13:30

У меня тот вариант работает во всех браузерах, кроме IE.
Такой вариант и в IE работает:

Код HTML:

<html>
<body>
<script type="text/javascript"><!--
  var body = document.getElementsByTagName ("body")[0];
  var select = document.createElement ("select"); 
  select.size = 16;
  select.ondblclick = function () {select.remove (select.selectedIndex)};
  body.appendChild (select);
  for ( var i = 0; i < 16; i++ )
  {
    option = new Option ("Option #" + i.toString(), i, false, false);
    select.options[select.options.length] = option;
  }
//--></script>
</body>
</html>

Но он устанавливает обработчик даблклика на весь список, а не на отдельные элементы. Не понятно, почему в IE обработчик на весь список работает, а на отдельные элементы нет. Ведь все элементы динамически создаются...

Ast · 11.12.2011, 13:40

спасибо,
а вариант набора элементов <li> сильно будет отличаться?

Arigato · 11.12.2011, 13:42

Принципиально отличаться не будет.

11.12.2011, 09:25	#1
Ast Форумчанин Регистрация: 06.12.2010 Сообщений: 117	Javascript html-список вот задание, заранее спасибо за помощь, не представляю с чего начать: Javascript. Вывести на экран html-список с любыми данными. Добавить возможность удаления элементов этого html-списка двойным щелчком мыши.

11.12.2011, 10:55	#2
Arigato Высокая репутация СуперМодератор Регистрация: 27.07.2008 Сообщений: 15,836	Какого рода список, набор элементов <li> или <option>? E-Mail: arigato.freelance@gmail.com

11.12.2011, 13:30	#8
Arigato Высокая репутация СуперМодератор Регистрация: 27.07.2008 Сообщений: 15,836	У меня тот вариант работает во всех браузерах, кроме IE. Такой вариант и в IE работает: Код HTML: <html> <body> <script type="text/javascript"><!-- var body = document.getElementsByTagName ("body")[0]; var select = document.createElement ("select"); select.size = 16; select.ondblclick = function () {select.remove (select.selectedIndex)}; body.appendChild (select); for ( var i = 0; i < 16; i++ ) { option = new Option ("Option #" + i.toString(), i, false, false); select.options[select.options.length] = option; } //--></script> </body> </html> Но он устанавливает обработчик даблклика на весь список, а не на отдельные элементы. Не понятно, почему в IE обработчик на весь список работает, а на отдельные элементы нет. Ведь все элементы динамически создаются... E-Mail: arigato.freelance@gmail.com

11.12.2011, 13:42	#10
Arigato Высокая репутация СуперМодератор Регистрация: 27.07.2008 Сообщений: 15,836	Принципиально отличаться не будет. E-Mail: arigato.freelance@gmail.com

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
HTML, PHP, JavaScript. Делаем заказы!	screet	Фриланс	0	27.08.2011 00:42
javascript html	andrij2011	JavaScript, Ajax	2	18.05.2011 10:23
HTML и Javascript фрейм	kapitel_bc@ukr.net	HTML и CSS	2	05.01.2011 19:45
php\javascript\html (создание скриптика)	askerpro	Фриланс	2	08.11.2010 17:56
Выполнение JavaScript в HTML	Login1111	Общие вопросы C/C++	3	07.06.2010 19:54

11.12.2011, 11:38	#3
Ast Форумчанин Регистрация: 06.12.2010 Сообщений: 117	любого рода

11.12.2011, 12:39	#5
Ast Форумчанин Регистрация: 06.12.2010 Сообщений: 117	спасибо, большое. проверить проверил тока видимо эта строка кликами управляет: option.ondblclick = function() {select.remove (select.selectedIndex)} двумя кликами не убирается. понять бы ещё что там написано))) var body = document.getElementsByTagName ("body")[0]; var select = document.createElement ("select"); select.size = 16; ну это видимо создаем список длинной 16 body.appendChild (select); не знаю что for ( var i = 0; i < 16; i++ ) это что то типа цикла от 0 до 16 с шагом 1 option = new Option ("Option #" + i.toString(), i, false, false); select.options[select.options.length] = option; это не знаю что

11.12.2011, 12:53	#7
Ast Форумчанин Регистрация: 06.12.2010 Сообщений: 117	хром, интернет эксплорер

11.12.2011, 13:40	#9
Ast Форумчанин Регистрация: 06.12.2010 Сообщений: 117	спасибо, а вариант набора элементов <li> сильно будет отличаться?