переменную js использовать в html
Добрый день, вывожу яндекс-карту на страницу. Подгоняю размер карты под размер окна пользователя. Что делаю не так ? Не работает код.
<div id="map"> </div>
<script language="javascript">
var browserWindow = $(window);
var width = browserWindow.width();
var height = browserWindow.height();
var size = "width:" + width + "px; height:" + height + "px";
document.getElementById('map').style = size;
</script>
|
Так попробуйте:
var browserWindow = $(window);
var width = browserWindow.width();
var height = browserWindow.height();
document.getElementById('map').style.width = width + 'px';
document.getElementById('map').style.height = height + 'px';
|
А вообще, раз уж вы jQuery используете, то лучше так:
var browserWindow = $(window);
var width = browserWindow.width();
var height = browserWindow.height();
$('#map').css({
'width': width + 'px',
'height': height + 'px'
});
|
Спасибо Сигизмунд, выручил
|
Цитата:
$("#map")
.width($(window).width())
.height($(window).height());
|
Цитата:
document.getElementById('map').style.cssText = size;
|
Необязательно. Можно и строкой:
<style>
#example {
width: 100px;
height: 100px;
background-color: blue;
}
</style>
<div id="example"></div>
<button onclick="document.getElementById('example').style = 'background-color: red;'">Перекрасить в красный</button>
<button onclick="document.getElementById('example').style = 'background-color: blue;'">Перекрасить в синий</button>
|
Цитата:
|
А, точно, это не по стандарту.
Цитата:
|
| Часовой пояс GMT +3, время: 06:36. |