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

Тема в разделе "Как сделать...", создана пользователем Joker84, 1 июн 2011.

  1. 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()">

    неподойдет
     
  2. Miraage

    Miraage Angular/Laravel

    Регистр.:
    3 июн 2008
    Сообщения:
    230
    Симпатии:
    51
    javascript code
    Код:
    function setWidth( id ) {
    document.getElementById(id).style.width = window.innerWidth - 750 + "px";
    }
    
     
  3. Joker84

    Joker84 Постоялец

    Регистр.:
    8 авг 2007
    Сообщения:
    68
    Симпатии:
    2
    Miraage , спасибо. ф-ю такую писал. но вот незнаю как ее привязать к Div ? у него же нет события onload?
     
  4. Дмитрий Кесаев

    Дмитрий Кесаев aka Zlobniy Babko

    Заблокирован
    Регистр.:
    10 май 2007
    Сообщения:
    1.332
    Симпатии:
    1.265
    Может типа такого как-то?
    PHP:
    <div id="2"></div>
    <
    script>document.getElementById('2').style.width window.innerWidth 750 "px";</script>
     
    Joker84 нравится это.
  5. Joker84

    Joker84 Постоялец

    Регистр.:
    8 авг 2007
    Сообщения:
    68
    Симпатии:
    2
    к сожелению не получилось.все еще ищу решение ...
     
  6. polyetilen

    polyetilen Заблокирован

    Регистр.:
    10 авг 2006
    Сообщения:
    814
    Симпатии:
    474
    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>
    
     
    Joker84 нравится это.