Tamago: /* DOMを生成する */

2013-11-14T03:16:05Z

‎DOMを生成する

Tamago: /* DOMを生成する */

2013-11-14T03:15:37Z

‎DOMを生成する

Tamago: ページの作成:「==DOMを扱う== LWFでは、特殊な指定をすることでボタン領域をDOMとして扱うことが出来ます。
生成されたDOMは普通のHTMLのよ...」

2013-11-14T03:14:49Z

ページの作成:「==DOMを扱う== LWFでは、特殊な指定をすることでボタン領域をDOMとして扱うことが出来ます。 生成されたDOMは普通のHTMLのよ...」

新規ページ

==DOMを扱う==
LWFでは、特殊な指定をすることでボタン領域をDOMとして扱うことが出来ます。 
生成されたDOMは普通のHTMLのように扱うことが出来るので様々なことが出来ます。 
ただし、DOMの内容はLWFの管理外になるので、実装によっては端末依存問題を踏んでしまったり 
パフォーマンスの低下を引き起こすことにもなるので注意して使用してください。 
==DOMを生成する==
まずはDOMとして扱われるボタンを作ります。 
Flashでボタンを新規に作成してください。その際「シンボル名」に下記の命名規則を適用してください。 
PROG_DOM_[識別名]
そうすると、作成したボタンはLWF再生時にDOMとして扱われるようになります。 
そして、DOMとして扱われるようになる際に呼び出されるコンストラクタを設定することでDOMを操作できるようになります。 
 
【サンプル】 
//DOMが生成される時に呼び出されるコンストラクタを作成
var domConstructor = function (lwf, name, width, height) {
console.log("create div");
var div = document.createElement("div");
div.style.width = width + "px";
div.style.height = height + "px";
div.style.color = "#ffffff";
div.style.fontSize = "16px";
div.innerHTML = "これはDOMです";

return div;
}

//コンストラクタをセット
//これでDOMが生成される時に上記のコンストラクタが呼び出されるようになる。
window.LWF.ResourceCache.get().setDOMElementConstructor(domConstructor);
 
コンストラクタ用の関数の引数には 
第1引数:DOMが所属しているLWFインスタンス 
第2引数:DOMの識別名シンボル名「PROG_DOM_hoge」とした場合hoge 
第3引数:DOMの幅 
第4引数:DOMの高さ 
が入ってきます。

@@ 20行: / 20行: @@
       div.style.color = "#ffffff";
       div.style.fontSize = "16px";
-      div.innerHTML = "これはDOMです。タグとか使えます";
+      div.innerHTML = "これはDOMです。";
       return div;

DOMを扱う - 変更履歴

Tamago: /* DOMを生成する */

Tamago: /* DOMを生成する */

Tamago: ページの作成:「==DOMを扱う== LWFでは、特殊な指定をすることでボタン領域をDOMとして扱うことが出来ます。 生成されたDOMは普通のHTMLのよ...」

Tamago: ページの作成:「==DOMを扱う== LWFでは、特殊な指定をすることでボタン領域をDOMとして扱うことが出来ます。
生成されたDOMは普通のHTMLのよ...」