Подстановка перемененных javascript в html ?

Тема в разделе "JavaScript", создана пользователем usergeyv, 2 дек 2017.

  1. usergeyv

    usergeyv Постоялец

    Регистр.:
    5 июл 2013
    Сообщения:
    113
    Симпатии:
    20
    Определяет размеры:
    HTML:
    <script type="text/javascript">
    <!--
    
    var viewportwidth;
    var viewportheight;
    
    // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
    
    if (typeof window.innerWidth != 'undefined')
    {
          viewportwidth = window.innerWidth,
          viewportheight = window.innerHeight
    }
    
    // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
    
    else if (typeof document.documentElement != 'undefined'
         && typeof document.documentElement.clientWidth !=
         'undefined' && document.documentElement.clientWidth != 0)
    {
           viewportwidth = document.documentElement.clientWidth,
           viewportheight = document.documentElement.clientHeight
    }
    
    // older versions of IE
    
    else
    {
           viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
           viewportheight = document.getElementsByTagName('body')[0].clientHeight
    }
    document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
    //-->
    </script>
    Нужно подставить результат :
    HTML:
    <object width="тут +viewportwidth+" height="тут +viewportheight+" data="shorty_covers.swf" type="application/x-shockwave-flash">
    <param name="src" value="shorty_covers.swf" />
    <param name="loop" value="loop" />
    <param name="play" value="true" />
    <param name="pluginspage" value="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" />
    <param name="quality" value="high" />
    <param name="wmode" value="Opaque" />
    </object>
     
  2. usergeyv

    usergeyv Постоялец

    Регистр.:
    5 июл 2013
    Сообщения:
    113
    Симпатии:
    20
    Нашел решения:

    HTML:
    <object id="ifr" data="shorty_covers.swf" type="application/x-shockwave-flash">
    <param name="src" value="shorty_covers.swf" />
    <param name="loop" value="loop" />
    <param name="play" value="true" />
    <param name="pluginspage" value="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" />
    <param name="quality" value="high" />
    <param name="wmode" value="Opaque" />
    </object>
    HTML:
    <script>
    window.onload=function() {
    document.getElementById("ifr").style.height=window.innerHeight+"px";
    document.getElementById("ifr").style.width=window.innerWidth+"px";
    }
    </script>
     
  3. yaski

    yaski

    Регистр.:
    21 фев 2010
    Сообщения:
    534
    Симпатии:
    343
    <object width="<script>document.write(viewportwidth)</script>" height="<script>document.write(viewportheight)</script>" data=.......
     
    Последнее редактирование: 2 дек 2017
    usergeyv нравится это.
  4. Sorcus

    Sorcus Sorcus. A New Beginning.

    Moderator
    Регистр.:
    10 июл 2011
    Сообщения:
    421
    Симпатии:
    773
    А еще лучше так:
    HTML:
    <!DOCTYPE html>
    <html lang="ru">
        <head>
            <title>No Title</title>
            <meta charset="utf-8">
        </head>
        <body style="margin: 0">
                <object data="//img-ak.y8.com/cloud/y8-game/contents/145734/original/shorty_covers.swf" type="application/x-shockwave-flash">
                    <param name="src" value="//img-ak.y8.com/cloud/y8-game/contents/145734/original/shorty_covers.swf" />
                    <param name="loop" value="loop" />
                    <param name="play" value="true" />
                    <param name="pluginspage" value="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" />
                    <param name="quality" value="high" />
                    <param name="wmode" value="Opaque" />
                </object>
    
            <script>
                let object_element = document.getElementsByTagName("object")[0]
                object_element.width = document.documentElement.clientWidth
                object_element.height = document.documentElement.clientHeight
            </script>
        </body>
    </html>
    В body прописан margin: 0, чтобы не появлялись скроллы.
    <-------------- добавлено через 355 сек. -------------->
    В width/height должны быть абсолютные значения в пикселях. Только цифры. Без всяких px и прочего.