Релиб / Веб-программирование / JavaScript / Создание Div'а с помощью JavaScript'а / Latest Posts

RE: Создание Div'а с помощью JavaScript'а

vlgsh — Sun, 31 Dec 2006 01:21:39 GMT

Ребята, сорри, но я всегда за более простые решения - а почему не сделать DIV с самого начала, но пустым и невидимым, а JavaScript пишет в него текст и делает видимым?????

RE: Создание Div'а с помощью JavaScript'а

bazile — Fri, 29 Dec 2006 12:53:28 GMT

Только экспериментальным путем. У нас нет способа убедиться, что объект в самом деле был показан на экране. А значит надо подбирать это значение. На мой взгляд ставить значения < 10 мс не стоит. Слишком это мало. Поиграй со значениями в диапазоне, от 10 до 100.

RE: Создание Div'а с помощью JavaScript'а

curt_russel — Fri, 29 Dec 2006 12:26:26 GMT

ну да, я понял.

Просто как мне подобрать такую задержку, чтобы на всех пользовательских компах в первый раз браузер успевал создать и отобразить div?

А ставить большую, тоже, сам понимаешь, не очень хочется.

RE: Создание Div'а с помощью JavaScript'а

bazile — Fri, 29 Dec 2006 12:00:54 GMT

Я имею в виду то, что создание нового DIVa (что делается в первый раз) требует больше времени чем переключение его видимости (что делается во второй).

RE: Создание Div'а с помощью JavaScript'а

bazile — Fri, 29 Dec 2006 11:44:10 GMT

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

RE: Создание Div'а с помощью JavaScript'а

curt_russel — Fri, 29 Dec 2006 11:38:22 GMT

слушай, а почему когда ставлю задержку 1, а не 100, у меня первый раз div не появляется, только после 2-го раза?

RE: Создание Div'а с помощью JavaScript'а

curt_russel — Fri, 29 Dec 2006 11:29:06 GMT

Спасибо, блин, большое!

Чтоб я без Вас делал?!!

А то я тут весь извелся - не кажет и все тут!

Мда. Век живи - век учись, и дураком помрешь.

Однако, JS - очень нетривиальный язык! :)

RE: Создание Div'а с помощью JavaScript'а

bazile — Fri, 29 Dec 2006 11:11:09 GMT

Пока идет выполнение скрипта браузер не будет обновлять экран. Поэтому придется использовать таймер:

[code]function sortColumn(e)
{
ShowInfoDiv();
setTimeout("LetSort(); HideInfoDiv()", 100);
}[/code]

Еще я бы избавился от обращения к document.all в функции ShowInfoDiv. Эта коллекция работает только в MSIE/Opera и вообще про нее давно пора уже забыть т.к. анлогичные вещи реализованы в DOM (ее поддерживают все современные браузеры).

[code]function ShowInfoDiv()
{
var infoDiv = document.getElementById('infoDiv');
if(null != infoDiv)
{
infoDiv.style.display = 'block';
return;
}
...
}[/code]

RE: Создание Div'а с помощью JavaScript'а

curt_russel — Fri, 29 Dec 2006 10:58:56 GMT

Хорошо.
У вас все работает на простом примере - у меня тоже.
А теперь реальная ситуация.

[code=javascript]
function sortColumn(e)
{
ShowInfoDiv();
LetSort();
HideInfoDiv(); // никаких задержек!! - нафиг они мне нужны
}

function LetSort() // заглушка реальной сортировки
{
var res;
for(var i=0; i<1000000; i++)
for(var j=i; j<1000000; j++)
res += i*i*i/(j*j);
}

Дальше идет просто таблица с кучей записей:
[code=html]
<body>
<table onclick="sortColumn(event);">
.....
</table>
</body>
[/code]

Так вот. Дело все в том, что этот div появляется только после того, как закончена сортировка. А мне-то надо, чтобы он появлялся ДО нее!
Вот в чем проблема-то.

RE: Создание Div'а с помощью JavaScript'а

bazile — Wed, 27 Dec 2006 16:04:26 GMT

Через методы DOM надо работать:

[code]function ShowInfoDiv()
{
var oDiv = document.createElement("DIV");
oDiv.id = "infoDiv";
var oText = document.createTextNode("Идет сортировка");
oDiv.appendChild(oText);
document.body.appendChild(oDiv);
}[/code]

Стиль для такого DIVa может быть например таким:

#infoDiv {position:absolute; left:0; top:0; width:100%; height:100%; background:black; color:white; z-index:10}