Пишу страничку со слоями (<div>
. Описание параметров слоев(как то: размер, цвет, граница и прочее) находятся в файле *.css, в частности, размер слоя (width и height) устанавливаю 800 на 600. Но в какой-то момент нужно, чтобы данный слой имел другой размер. Вопрос такой: как в текущий момент перекрыть параметры 800 и 600, сделать их иными?Например, почему не прокатывает такой
CODE:
....
<div id="pseudoWindow">
.......
</div>
........
<script>
var currentLayer = document.getElementById("pseudoWindow");
currentLayer.width = 500;
//и дальше с помощью переменной currentLayer прорисовываю слой. Но размер слоя остается прежним.
</script>
.........
В файле .css такой код:
#pseudoWindow {position:absolute;
top:0px;
left:0px;
width:640px;
height:482px;
border:2px solid black;
background-color:#ffffff;
border-top:3px solid #dddddd;
border-left:3px solid #dddddd;
border-right:3px solid #666666;
border-bottom:3px solid #666666;
display:none
}
....
<div id="pseudoWindow">
.......
</div>
........
<script>
var currentLayer = document.getElementById("pseudoWindow");
currentLayer.width = 500;
//и дальше с помощью переменной currentLayer прорисовываю слой. Но размер слоя остается прежним.
</script>
.........
В файле .css такой код:
#pseudoWindow {position:absolute;
top:0px;
left:0px;
width:640px;
height:482px;
border:2px solid black;
background-color:#ffffff;
border-top:3px solid #dddddd;
border-left:3px solid #dddddd;
border-right:3px solid #666666;
border-bottom:3px solid #666666;
display:none
}
Мот кто подскажет?
С уважением, Денис.