「ページファイル埋め込み」の版間の差分
ナビゲーションに移動
検索に移動
Sufee Admin (トーク | 投稿記録) 編集の要約なし |
Sufee Admin (トーク | 投稿記録) |
||
37行目: | 37行目: | ||
</ul> | </ul> | ||
== 動作例 == | == 動作例 == | ||
<syntaxhighlight lang="html"> | |||
<p class="script-click" data-click="true">クリックするとダイアログが出るよ!!</p> | <p class="script-click" data-click="true">クリックするとダイアログが出るよ!!</p> | ||
</syntaxhighlight><p class="script-click" data-click="true">クリックするとダイアログが出るよ!!</p> |
2022年1月26日 (水) 20:22時点における版
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.set("#id名",メソッド);
- 動かしたいidやclass名のタグに対してどの操作か指定する
- クリックの場合
p id="id名" data-click="true" >
- 値の変動をキャッチ
p id="id名" data-change="true" >
- 最後に反映をする
li type="inner" > onEnable.add(); </ li を追加し完成!!
- function ok(){ alert("OK"); } onEnable.set(".script-click",ok); onEnable.add();
動作例
<p class="script-click" data-click="true">クリックするとダイアログが出るよ!!</p>
クリックするとダイアログが出るよ!!