「HTA(HTML)の自作ダイアログを表示」の版間の差分
ナビゲーションに移動
検索に移動
ページの作成:「=== 概要 === * HTA(HTML)で作成したダイアログを表示します。 * マクロからダイアログを呼び出す際に値を渡す、ダイアログか...」 |
ハイライト効果の適用、マークアップの修正 |
||
| 1行目: | 1行目: | ||
== 概要 == | |||
* HTA(HTML)で作成したダイアログを表示します。 | * HTA(HTML)で作成したダイアログを表示します。 | ||
* マクロからダイアログを呼び出す際に値を渡す、ダイアログからマクロに値を返すことが可能です。 | * マクロからダイアログを呼び出す際に値を渡す、ダイアログからマクロに値を返すことが可能です。 | ||
| 8行目: | 8行目: | ||
[[ファイル:HTAdialog 1.png]] [[ファイル:HTAdialog 2.png]] | [[ファイル:HTAdialog 1.png]] [[ファイル:HTAdialog 2.png]] | ||
== ダウンロード == | |||
* [[ファイル:HTAdialog.zip]] | * [[ファイル:HTAdialog.zip]] | ||
最新版は[https://github.com/noonworks/my-mery-util GitHub]にあります。 | 最新版は[https://github.com/noonworks/my-mery-util GitHub]にあります。 | ||
== 必要なライブラリ == | |||
* HTAdialog.jsには[https://github.com/douglascrockford/JSON-js json2.js]を利用しています。 | * HTAdialog.jsには[https://github.com/douglascrockford/JSON-js json2.js]を利用しています。 | ||
* カラーピッカーダイアログのサンプルには[http://bgrins.github.io/spectrum/ Spectrum]を利用しています。(HTAdialog.js本体には必要ありません。) | * カラーピッカーダイアログのサンプルには[http://bgrins.github.io/spectrum/ Spectrum]を利用しています。(HTAdialog.js本体には必要ありません。) | ||
== 使い方 == | |||
* dialog_sample.js をご覧ください。 | * dialog_sample.js をご覧ください。 | ||
* マクロからは以下のようにHTAファイルとダイアログに送信するデータを指定して使用します。 | * マクロからは以下のようにHTAファイルとダイアログに送信するデータを指定して使用します。 | ||
< | <syntaxhighlight lang="javascript"> | ||
#include "json2.js" | #include "json2.js" | ||
#include "HTADialog.js" | #include "HTADialog.js" | ||
| 33行目: | 33行目: | ||
// show dialog and get return value | // show dialog and get return value | ||
var return_data = dialog.show(send_data); | var return_data = dialog.show(send_data); | ||
</ | </syntaxhighlight> | ||
2023年5月16日 (火) 20:21時点における版
概要
- HTA(HTML)で作成したダイアログを表示します。
- マクロからダイアログを呼び出す際に値を渡す、ダイアログからマクロに値を返すことが可能です。
- ダイアログ表示中はマクロ実行中なのでMery本体の画面は「応答なし」になります。
HTAではHTML+CSS+JSで自由なダイアログを作成できます。(右の画像のダイアログではJSのカラーピッカーライブラリを使用しています)
ダウンロード
最新版はGitHubにあります。
必要なライブラリ
使い方
- dialog_sample.js をご覧ください。
- マクロからは以下のようにHTAファイルとダイアログに送信するデータを指定して使用します。
#include "json2.js"
#include "HTADialog.js"
// create dialog
var dialog = new Noonworks.HTADialog('dialogs/sample_dialog.hta');
// data to send to dialog
var send_data = {
test: 'hello!'
};
// show dialog and get return value
var return_data = dialog.show(send_data);
スポンサーリンク

