前回のHypeの iframe でスクロールバウンス抑止の続きです。
iframeを入れ換えるコードの実装先が課題になっていました。
解決策を考えた結果、以下のiframeを入れ替えるコードを start.js というスクリプトファイルの関数にして、window.onload でその関数を呼ぶようにしました。
var changeinnerhtml = '<iframe src ="www_melonjs/index.html" width="240px" height="320px" scrolling="no"></iframe>';
document.getElementById("iframe5").innerHTML = changeinnerhtml
これを、まず以下のようにスクリプトファイルにして、
var start = {
"onload" : function () {
var changeinnerhtml = '<iframe src ="www_melonjs/index.html" width="240px" height="320px" scrolling="no"></iframe>';
document.getElementById("iframe5").innerHTML = changeinnerhtml;
},
};
index.html の body を以下のように修正しました。
Hypeが自動生成したコードを手動でコピペしていますが、その後に追加しました。
<body>
<script src="cordova.js"></script>
<div style ="margin:auto;width:480px">
<!-- copy these lines to your document: -->
<div id="xxx_hype_container" style="position:relative;overflow:hidden;width:480px;height:320px;">
<script type="text/javascript" charset="utf-8" src="XXX.hyperesources/XXX_hype_generated_script.js?77789"></script>
</div>
<!-- end copy -->
</div>
<script src="start.js"></script>
<script>
window.onload = function() {
start.onload();
};
</script>
</body>
取りあえず、Hypeが自動生成するコードを変更する必要はなくなりました。
0 件のコメント:
コメントを投稿
注: コメントを投稿できるのは、このブログのメンバーだけです。