ページファイル埋め込みのソースを表示

== script埋め込み ==
=== ul リストを追加します ===
# id名を Script-files で設定します。
 ul id="Script-files"
# liにjavascriptを追加します.
## アップロードしたJavaScriptファイル
 li type="file" ＞ 「アップロードしたファイルURL」 ＜/
## 埋め込むJavaScript
 li type="inner" ＞ 
 function hello(){
  alert("helloworld");
 }
 ＜/
# クリックや値変更でトリガーをするためには以下を追加します.
## 動かしたいidやclassを指定しどのメソッドを呼ぶか指定する
 onEnable.addMethod("#id名",メソッド);
# 動かしたいidやclass名のタグに対してどの操作か指定する
## クリックの場合
 p id="id名" data-click="true"　＞
## 値の変動をキャッチ
 p id="id名" data-change="true"　＞

# 最後に反映をする
 li type="inner" ＞
 onEnable.makeStandbyMethod();
 ＜/ li
 を追加し完成!!

<ul id="Script-files">
<li type="inner">
function ok(){
 alert("OK");
}
onEnable.addMethod(".script-click",ok);
onEnable.makeStandbyMethod();
</li>
</ul>

== 動作例 ==
<syntaxhighlight lang="html">
<ul id="Script-files">
 <li type="inner">
  function ok(){
   alert("OK");
  }
  onEnable.addMethod(".script-click",ok);
  onEnable.makeStandbyMethod();
 </li>
</ul>
<p class="script-click btn" data-click="true">クリックするとダイアログが出るよ！！</p>
</syntaxhighlight><p class="script-click btn" data-click="true">クリックするとダイアログが出るよ！！</p>
== inputやbuttonで実装する ==
・div要素を設置し idまたは,class名を設定。その後 data-属性を使用し ターゲットとなるタグ属性の設定を書き込む。<syntaxhighlight lang="html">
<div data-tag="input" data-type="text" data-onchange=true" data-name="btn" id="btn-div"></div>
</syntaxhighlight>・先程のulリスト形式の呼び出しを使用しonEnableを呼び出す.<syntaxhighlight lang="html">
<ul id="Script-files">
 <li type="inner">
  function ok(){
   alert("OK");
  }
  onEnable.addTag("#div-btn",null,ok); //第２引数はtag名であるがdiv要素の設定で取得するように変更したためnull
  onEnable.makeTag();
 </li>
</ul>
</syntaxhighlight>
== 結果2 ==