ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / FireFox. Тормозит изменение стилей через getObj().style.
3 сообщений из 3, страница 1 из 1
FireFox. Тормозит изменение стилей через getObj().style.
    #34555911
Фотография спакоен каку даф
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
спакоен каку даф
Участник
Здравствуйте.

Строим график sin(x):

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
<html>

<head>
<style>
	#canvas {width:400px;height:300px;}
	.pix {width:1px;height:1px;background:black;float:left;font-size: 0 }
</style>

</head>

<body>

<script type="text/javascript" language="JavaScript">

function getObj(id) {
  if (document.all) 
    return document.all[id]; 
  else 
    return document.getElementById(id);
}


function sin_x(x) {
 return Math.sin(x* 3 . 14 / 180 );
}



function init()
{

  var pixStart="<div class=pix  id=pix"; 
  var pixEnd="></div>";

  var ff="";
  tmp=getObj("canvas").innerHTML;
  for(var i= 0 ;i< 400 ;i++)
    tmp+= pixStart+i+pixEnd;
  getObj("canvas").innerHTML = tmp;
}




function draw() {
  var k =  0 ;
  for(k= 0 ;k< 400 ;k=k+ 1 )
    getObj("pix"+k).style.marginTop=sin_x(k)* 100 + 100 ;
}

</script>


<div id="canvas"></div>

<script>

init();
draw();

</script>

</body>
</html>



В иксплорере - пулей.
В мозиле - висит секунд 10-20.
Выясниле, что тормоза происходят при обновлении стилей (ф-ция Draw); есть мысль что ФайрФокс обновляет документ при изменении стиля КАЖДОГО объекта - посему и таг медленно.

Кто-нить сталкивалсо с подобной проблемой?
...
Рейтинг: 0 / 0
28.05.2007, 17:07
| Ответить | Цитировать | Написать  
FireFox. Тормозит изменение стилей через getObj().style.
    #34555956
Фотография 1024
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
1024
Участник
не мучайся

http://www.walterzorn.com/
...
Рейтинг: 0 / 0
28.05.2007, 17:21
| Ответить | Цитировать | Написать  
FireFox. Тормозит изменение стилей через getObj().style.
    #34555969
vasa_c
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vasa_c
Гость
Конечно, жабаскрипт не для этих вещей. Можно, конечно и в FF добиться приемлимой скорости:
.pix {width:1px;height:1px;background:black;float:left;font-size:0; position:relative; }

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
var PX = [];

function init()
{
  var can = getObj("canvas");
  for(var i= 0 ;i< 400 ;i++) {
      var px = document.createElement("div");
      px.className = "pix";
      can.appendChild(px);
      PX[i] = px;
  }
}

function draw() {
  var k =  0 ;
  for(k= 0 ;k< 400 ;k++)
    PX[k].style.top = sin_x(k)* 100 + 100 ;
}

Однако, в FF для рисования есть поддержка Canvas, так что его лучше и использовать.

Кстати, все актуальные версии IE, давно знакомы с getElementById. А FF с document.all.
...
Рейтинг: 0 / 0
28.05.2007, 17:29
| Ответить | Цитировать | Написать  
3 сообщений из 3, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / FireFox. Тормозит изменение стилей через getObj().style.
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?desktop=1&fid=22&tid=1458193]:
 0ms
get settings:
 10ms
get forum list:
 13ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 166ms
get topic data:
 14ms
get forum data:
 2ms
get page messages:
 44ms
get tp. blocked users:
 1ms
others: 15ms
total:  273ms
созд. / загр.: 273ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]