「HTA(HTML)の自作ダイアログを表示」の版間の差分

提供: MeryWiki
ナビゲーションに移動 検索に移動
ページの作成:「=== 概要 === * HTA(HTML)で作成したダイアログを表示します。 * マクロからダイアログを呼び出す際に値を渡す、ダイアログか...」
 
MSY-07 (トーク | 投稿記録)
SyntaxHighlightにcopyの追加
 
(同じ利用者による、間の3版が非表示)
1行目: 1行目:
=== 概要 ===
== 概要 ==
* HTA(HTML)で作成したダイアログを表示します。
* HTA(HTML)で作成したダイアログを表示します。
* マクロからダイアログを呼び出す際に値を渡す、ダイアログからマクロに値を返すことが可能です。
* マクロからダイアログを呼び出す際に値を渡す、ダイアログからマクロに値を返すことが可能です。
* ダイアログ表示中はマクロ実行中なのでMery本体の画面は「応答なし」になります。
* ダイアログ表示中はマクロ実行中なのでMery本体の画面は「応答なし」になります。


HTAではHTML+CSS+JSで自由なダイアログを作成できます。(右の画像のダイアログではJSのカラーピッカーライブラリを使用しています)
HTAではHTML+CSS+JSで自由なダイアログを作成できます(右の画像のダイアログではJSのカラーピッカーライブラリを使用しています)。


[[ファイル: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本体には必要ありません。)
* カラーピッカーダイアログのサンプルには[https://bgrins.github.io/spectrum/ Spectrum]を利用しています(HTAdialog.js本体には必要ありません)。


=== 使い方 ===
== 使い方 ==
* dialog_sample.js をご覧ください。
* dialog_sample.js をご覧ください。
* マクロからは以下のようにHTAファイルとダイアログに送信するデータを指定して使用します。
* マクロからは以下のようにHTAファイルとダイアログに送信するデータを指定して使用します。
<pre>
<syntaxhighlight lang="javascript" copy>
#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);
</pre>
</syntaxhighlight>

2025年11月25日 (火) 11:11時点における最新版

概要[編集]

  • HTA(HTML)で作成したダイアログを表示します。
  • マクロからダイアログを呼び出す際に値を渡す、ダイアログからマクロに値を返すことが可能です。
  • ダイアログ表示中はマクロ実行中なのでMery本体の画面は「応答なし」になります。

HTAではHTML+CSS+JSで自由なダイアログを作成できます(右の画像のダイアログではJSのカラーピッカーライブラリを使用しています)。

ダウンロード[編集]

最新版はGitHubにあります。

必要なライブラリ[編集]

  • HTAdialog.jsにはjson2.jsを利用しています。
  • カラーピッカーダイアログのサンプルにはSpectrumを利用しています(HTAdialog.js本体には必要ありません)。

使い方[編集]

  • 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);
スポンサーリンク