FF 3.5.3 изменение свойств элементов с помощью JS

Kesano · №1

Предупреждение: Ошибка при анализе значения «width». Потерянное объявление.
Источник: http://localhost/js/index.html
Строка: 0

Предупреждение: Ошибка при анализе значения «height». Потерянное объявление.
Источник: http://localhost/js/index.html
Строка: 0

Выделить код

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#content {background-color:#0066FF; position:static; float:left; width:100px; height:100px;}
#list {background-color: #339900; position: relative; float:left;width:200px; height:100px;}
#menu {background-color: #FF6633; position:static; clear:both; height:100px; width:100px;}
-->
</style>
<script language="javascript">

function onres() {

var frameHeight; var frameWidth;
 
 
if (self.innerHeight)  
    frameHeight = self.innerHeight;  
else if (document.documentElement && document.documentElement.clientHeight)  
    frameHeight = document.documentElement.clientHeight;  
else if (document.body)  
    frameHeight = document.body.clientHeight;  
 
if (self.innerWidth)  
    frameWidth = self.innerWidth;  
else if (document.documentElement && document.documentElement.clientWidth)  
    frameWidth = document.documentElement.clientWidth;  
else if (document.body)  
    frameWidth = document.body.clientWidth;

wid=frameWidth-200;
hei=frameHeight-200;

document.getElementById("content").style.width=wid;
document.getElementById("content").style.height=hei;
document.getElementById("menu").style.width=frameWidth;
document.getElementById("list").style.height=hei;
}  

</script>
</head>

<body onload="onres()" onresize="onres()">
<div id="content">&nbsp;</div>
<div id="list">&nbsp;</div>
<div id="menu">&nbsp;</div>

</body>
</html>

Согласно задумке, при изменении размера окна, меняются размеры дивов на странице. в IE7 работает. Обращение к элементам через getElementById...

Отредактировано Kesano (14-09-2009 18:49:27)

formatC'vt · №2

если устанавливать через setAttribute, т.е.

Выделить код

Код:

document.getElementById("content").setAttribute("style","width: "+wid+"px; height: "+hei+"px;");
document.getElementById("list").setAttribute("style","height: "+hei+"px;");
document.getElementById("menu").setAttribute("style","width: "+frameWidth+"px;");

то сообщение об ошибке исчезнет, размеры меняются.

Отредактировано formatC'vt (15-09-2009 10:05:37)

Lynn · №3

document.getElementById("content").style.width=wid + "px"

и т.д.

Kesano · №4

2 Lynn...
Извините за такой глупый вопрос на багтрекере Мозиллы.
Спасибо. Извините.

Полезная информация

№114-09-2009 18:48:29