「ページファイル埋め込み」の版間の差分
ナビゲーションに移動
検索に移動
Sufee Admin (トーク | 投稿記録) |
Sufee Admin (トーク | 投稿記録) |
||
| 14行目: | 14行目: | ||
# クリックや値変更でトリガーをするためには以下を追加します. | # クリックや値変更でトリガーをするためには以下を追加します. | ||
## 動かしたいidやclassを指定しどのメソッドを呼ぶか指定する | ## 動かしたいidやclassを指定しどのメソッドを呼ぶか指定する | ||
onEnable. | onEnable.addMethod("#id名",メソッド); | ||
# 動かしたいidやclass名のタグに対してどの操作か指定する | # 動かしたいidやclass名のタグに対してどの操作か指定する | ||
## クリックの場合 | ## クリックの場合 | ||
| 23行目: | 23行目: | ||
# 最後に反映をする | # 最後に反映をする | ||
li type="inner" ＞ | li type="inner" ＞ | ||
onEnable. | onEnable.makeStandbyMethod(); | ||
＜/ li | ＜/ li | ||
を追加し完成!! | を追加し完成!! | ||
| 32行目: | 32行目: | ||
alert("OK"); | alert("OK"); | ||
} | } | ||
onEnable. | onEnable.addMethod(".script-click",ok); | ||
onEnable. | onEnable.makeStandbyMethod(); | ||
</li> | </li> | ||
</ul> | </ul> | ||
== 動作例 == | == 動作例 == | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
2022年1月27日 (木) 14:10時点における版
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 を追加し完成!!
- function ok(){ alert("OK"); } onEnable.addMethod(".script-click",ok); onEnable.makeStandbyMethod();
動作例
<ul id="Script-files">
<li type="inner">
function ok(){
alert("OK");
}
onEnable.set(".script-click",ok);
onEnable.add();
</li>
</ul>
<p class="script-click btn" data-click="true">クリックするとダイアログが出るよ！！</p>
クリックするとダイアログが出るよ！！