передача в Div Элемента стиля

Joker84

Joker84

Постоялец
Регистрация
8 Авг 2007
Сообщения
68
Реакции
2
Добрый день , нуждаюсь в помощи т.к нужно в ДИВы передать переменую с шириной формирующиюся из Java script

HTML: 
 screen.width - 750 ;</script>


полная задача на стрнице есть

<div id="1"></div>
<div id="2"></div>
<div id="3"></div>

нужно в зависимости от разрешения экрана ему передать значение ширины


пробовал вот так

HTML: 
<div  id="2" style="width:<script language="JavaScript" type="text/javascript">  document.write( screen.width - 750);</script>   "></div>

не получилось



прошу вашей помощи!!


можно написать

ф-ю
HTML: 
<script language="JavaScript" type="text/javascript">
function resize(divid)
{
 document.getElementById(divid).style.width==screen.width - 750)
}
</script>


но как ее привезать к Диву?

такой вызов <body onload="resize()">

неподойдет
 
javascript code
Код: 
function setWidth( id ) {
document.getElementById(id).style.width = window.innerWidth - 750 + "px";
}
 
Miraage , спасибо. ф-ю такую писал. но вот незнаю как ее привязать к Div ? у него же нет события onload?
 
  • Заблокирован
  • #4
Может типа такого как-то?
PHP: 
<div id="2"></div>
<script>document.getElementById('2').style.width = window.innerWidth - 750 + "px";</script>
 
к сожелению не получилось.все еще ищу решение ...
 
HTML: 
<!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=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript">
<!--
//запускаем если изменится размер окна браузера
window.onresize=setonresize;
//запускаем после загрузки страницы
window.onload=setonresize;
function setonresize(){
    resize(2);
}
function resize(id){
    document.getElementById(id).style.width = screen.width - 750 + 'px';
}
-->
</script>

</head>
<body>
    <div id="1">1</div>
    <div id="2" style="border:1px solid #000;">2</div>
    <div id="3">3</div>
</body>
</html>
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху