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

usergeyv

usergeyv

Знаток
Регистрация
5 Июл 2013
Сообщения
152
Реакции
25
Определяет размеры:
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>
 
Нашел решения:

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>
 
<object width="<script>document.write(viewportwidth)</script>" height="<script>document.write(viewportheight)</script>" data=.......
 
Последнее редактирование:
А еще лучше так:
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 сек. -------------->
usergeyv написал(а):
Нашел решения:

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>
Нажмите для раскрытия...
В width/height должны быть абсолютные значения в пикселях. Только цифры. Без всяких px и прочего.
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху