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

Ast · 19.12.2011, 05:19

сам код

Код HTML:

<html>

<body>

<h1>Двойной клик по строке удаляет строку</h1>
<script type="text/javascript"><!--

var list = document.createElement ("ul");
document.body.appendChild(list);
for ( var i = 0; i < 16; i++)
{
	li = document.createElement ("li");
	li.innerHTML = "list item #" + i.toString()
	li.ondblclick = function () {this.parentNode.removeChild (this)};
	list.appendChild (li);
}
//--></script>
<body>
</html>

как сюда прикрутить кнопку для создания этого списка? чтоб он не сам создавался а только после нажатия на кнопку

irt · 19.12.2011, 06:17

Цитата:

как сюда прикрутить кнопку для создания этого списка? чтоб он не сам создавался а только после нажатия на кнопку

Засовываешь все создание списка в функцию, в html делаешь кнопку и по событию onClick у неё вызываешь эту функцию.

Код:

<html>

<body>

<h1>Двойной клик по строке удаляет строку</h1>
<script type="text/javascript"><!--
function create(){
	var list = document.createElement ("ul");
	document.body.appendChild(list);
	for ( var i = 0; i < 16; i++){
		li = document.createElement ("li");
		li.innerHTML = "list item #" + i.toString()
		li.ondblclick = function () {this.parentNode.removeChild (this)};
		list.appendChild (li);
	}
}

//--></script>
<button onClick="create();">Создать список</button>
<body>
</html>

Ast · 19.12.2011, 06:53

спасибо огромное)

Ast · 19.12.2011, 06:58

так аха, а чтоб он не клонировал себя?)

irt · 19.12.2011, 07:29

Код:

<html>

<body>

<h1>Двойной клик по строке удаляет строку</h1>
<script type="text/javascript"><!--
var created=false;
function create(){
	if(created)
		return;
	created=true;
	var list = document.createElement ("ul");
	document.body.appendChild(list);
	for ( var i = 0; i < 16; i++){
		li = document.createElement ("li");
		li.innerHTML = "list item #" + i.toString()
		li.ondblclick = function () {this.parentNode.removeChild (this)};
		list.appendChild (li);
	}
}

//--></script>
<button onClick="create();">Создать список</button>
<body>
</html>

Ast · 19.12.2011, 07:48

спасибо то есть return; возвращаем на начало ок буду знать.

irt · 19.12.2011, 08:17

Цитата:

спасибо то есть return; возвращаем на начало ок буду знать.

если я правильно понял твою фразу, то ты немного не прав

return возвращает результат функции и осуществляет выход из неё(прерывает выполнение всего, что стоит после него). (В данном случае мы не передавали ничего, тут это не важно).
Если в коде, после функции написать какой-либо оператор(например алерт) он будет выполняться при каждом нажатии на кнопку, ибо функция будет считаться выполненной и управление перейдет к операторам, стоящим за ней.

Ast · 19.12.2011, 08:36

ну я про это имел ввиду) что она завершает программу)

с изображением поможешь?)

http://programmersforum.ru/showthread.php?t=179718

irt · 19.12.2011, 13:57

Цитата:

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

ну я про это имел ввиду) что она завершает программу)

с изображением поможешь?)

http://programmersforum.ru/showthread.php?t=179718

Да не программу она завершает, а функцию... Т_Т

Ответил в изображении.

Ast · 19.12.2011, 14:04

))) да да да))

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Javascript html-список	Ast	JavaScript, Ajax	19	18.12.2011 15:32
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
Выполнение JavaScript в HTML	Login1111	Общие вопросы C/C++	3	07.06.2010 19:54

19.12.2011, 06:53	#3
Ast Форумчанин Регистрация: 06.12.2010 Сообщений: 117	спасибо огромное)

19.12.2011, 06:58	#4
Ast Форумчанин Регистрация: 06.12.2010 Сообщений: 117	так аха, а чтоб он не клонировал себя?)

19.12.2011, 07:48	#6
Ast Форумчанин Регистрация: 06.12.2010 Сообщений: 117	спасибо то есть return; возвращаем на начало ок буду знать.

19.12.2011, 08:36	#8
Ast Форумчанин Регистрация: 06.12.2010 Сообщений: 117	ну я про это имел ввиду) что она завершает программу) с изображением поможешь?) http://programmersforum.ru/showthread.php?t=179718

19.12.2011, 14:04	#10
Ast Форумчанин Регистрация: 06.12.2010 Сообщений: 117	))) да да да))