Плавное движение картинки по документу

Boyza · 22.08.2004, 08:26

Суть. У меня есть меню, оформленое в виде диагональной лесенки из png-шек. Я бы хотел, чтобы при щелчке на пункте, меню выравнивалось в столбик, а справа подгружался новый документ (я так понимаю, что это надо сделать с помощью фреймов). Но вот 2 вопроса.
Как плавно сдвинуть картинки в столбик (я их "выстроил" диагональю с помощью пустых полей таблиц)?
Как изменить моментально ширину фрейма? (когда меню "выстроится", между ним и правым фреймом будет пустое пространство, если ничего не менять).

Вот ссылка http://www.deril.nm.ru/opoznanie , для наглядности что я хочу вообще сделать. Надеюсь кто-нибудь понял мой сумбур..

Благодарю за ответы.

Boyza · 22.08.2004, 11:38

Пока ждал ответа , уже кое-что наваял.
Теперь появился вопрос -- какая функция в javascript отвечает за задержку?

Илья К · 22.08.2004, 13:22

Код:

setTimeout("alert()", 1000);//Timeout на 1000 милисекунд.

Boyza · 22.08.2004, 14:20

Цитата:

Оригинал написал(а) Илья К

Код:

setTimeout("alert()", 1000);//Timeout на 1000 милисекунд.

Это аналог таймера в делфи, а мне надо аналог sleep (c того же делфи). И мне не надо выполнение алерта, я просто хочу, чтобы скрипт "ждал" между определенными событиями.
В принципе с помощью таймера я пытался "закоротить" скрипт на бесконечный цикл с выходом после истечения времени, но видно ошибся в синтаксисе (с явой познакомился только этой ночью

)
Вот примерчик мой

var stop=true;

function wait()
{
stop=false;
alert('phase 1');
setTimeout("subwait()",2000);
while (stop==false) {;}
alert('phase 2');
}

function subwait()
{
stop=true;
}

И скрипт не доходит до "второй фазы"

Илья К · 22.08.2004, 15:26

А setInterval не подойдет?

Код:

setInterval("alert()", 1000);//Interval на 1000 милисекунд.

Boyza · 22.08.2004, 17:56

Не получается.

С интервалом алерты вообще не прекращаются... Вообще мне хочется сделать плавное изменение размера таблицы, для этого и задумываю эту задержку. Может это можно сделать как-нибудь по другому?
Или подскажите, пожалуйста, кусок кода для изменения размера с паузами...

Boyza · 23.08.2004, 10:35

Closed.

Илья К · 23.08.2004, 15:22

Код:

<html>
<body>
<table width="100" height="100" bgcolor="#0000ff" id="myTable">
<tr>
	<td>&amp;nbsp;</td>
</tr>
</table>
<script language="JavaScript">
var myWidth = document.getElementById('myTable').width;
myWidth = parseInt(myWidth);
function myFunction()
{	
	if(myWidth < 200)
	{
		myWidth++;
		document.getElementById('myTable').width = myWidth;
	}
}
setInterval('myFunction()', 10)
</script>
</body>
</html>