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

提供: MeryWiki
ナビゲーションに移動 検索に移動
ページの作成:「=== 概要 === * HTA(HTML)で作成したダイアログを表示します。 * マクロからダイアログを呼び出す際に値を渡す、ダイアログか...」
 
MSY-07 (トーク | 投稿記録)
ハイライト効果の適用、マークアップの修正
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ファイルとダイアログに送信するデータを指定して使用します。
<pre>
<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);
</pre>
</syntaxhighlight>

2023年5月16日 (火) 20:21時点における版

概要

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