【memo】Progression4でつくったフルフラッシュコンテンツに共通htmlフッターを持たせる。

2010.10.26 Technical 

超久しぶりにメモ。

Progression4でフルフラッシュコンテンツつくってたんだけど、
クライアントの共通フッター(html)を埋め込まないといけなくなったので。。
(その時点でフルフラッシュじゃねー。)

jsでwindowリサイズ時に
flashコンテンツ部分をフッター分マイナスするだけなんだけども。
共通フッターの高さが36pxならこんな感じ。

<script type=”text/javascript”>
// <![CDATA[
(function(){
    var resizeTo = function(e){
        var winHeight = document.all ? (document.body.clientHeight – 36) : (window.innerHeight – 36);
        var wrapper = document.getElementById(e);
        wrapper.style.width = ‘100%’;
        wrapper.style.height = winHeight + ‘px’;
    }
    window.onload = function(){
        resizeTo(‘content’);
    }
    window.onresize = function(){
        resizeTo(‘content’);
    }
})();
// ]]>
</script>

別途フッターにはCSSでポジション固定してって感じで。
#footerdayo{
bottom:0px;
display:block;
position:absolute;
width:100%;
}

参照元は
ひろぽっぽれすさんのフルFlashのサイトにHTMLフッターをつけてみる
です。

でわでわ。

you

© rettuce.com