Мини-скрипт

[-O-J-A-]

Всем доброго утра!

Такое вот дело, не знаю как сообразить такой скрипт, ну вот имеется div, по нему проводится клик, Div затирается сробатует таймер на некое кол-во секунд и вместо него рисуеться второй, как время проходит то рисует третий, и все эти обьекты розмещены на одном месте.

[stars]

<script>
window.onload = document.getElementById('main').onclick = setTimeout(script1, 4000);
function script1() { document.getElementById('main').innerHTML = '';}
</script>

<div id="main">
 <div>text text text</div>
</div>

Вот смотрите это конечно далеко не весь скрипт что вам нужен однако тут более чем достаточно чтобы собрать самому все...

Первая часть window.onload = document.getElementById('main').onclick = setTimeout(script1, 4000); читается так

"window.onload - когда окно загружено(тоесть дум дерево уже построено)"

" = выполнить"

"document.getElementById('main') находим элемент по id = main"

".onclick событие которое будет обрабатываться"

" = выполнить"

"setTimeout(script1, 4000); задержка, в данном случаи через 4000 мили секунд (4 секунды) выполнится функция script1"

Вторая часть это функция function script1() { document.getElementById('main').innerHTML = '';} читается так "document.getElementById('main') ищем элемент по id" ".innerHTML = '' эта команда вставляет в выбранный элемент содержимое, но так как в кавычках пусто то все будет удалено из элемента с id = main таким же образом можно записывать новые элементы на страницу"

еще есть команда removeNode(true); которая убивает ноду...

Пользуйтесь...

Edited July 14, 2010 by stars

[-O-J-A-]

пока есть вот что

<div id="waiting">111</div>

<script type="text/javascript">
function fnHide(secs){
	secs--;
	if(secs>0)  {
		document.getElementById("waiting").innerHTML = '<img src="loader.gif">';
		window.setTimeout("fnHide("+secs+")",1000);
	}  else { 
		document.getElementById("waiting").innerHTML = 'ololo';
	}
}
fnHide(5);
</script>

Как приварить вызывание с кликов?

[stars]

window.onload = document.getElementById('main').onclick = fnHide(5); вместо fnHide(5);

или еще проще и наверно в чем то лучше, элементу на который вы кликаети напишите <div onclick="fnHide(5)"></div>

Edited July 14, 2010 by stars

[-O-J-A-]

stars, огромное спасибо!

[-O-J-A-]

ещё такая просьба, как сделать что бы после третего пункта (как закончится таймер) кнопки ставали неактивными????

[stars]

Например удалить id

Edited July 14, 2010 by stars

[-O-J-A-]

простите за нубство, но как это произвести?

[stars]

document.getElementById('main').id = '';

[s0rr0w]

node.id = "";

delete node.id

node.removeAttribute( "id" );