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

提供: MeryWiki
ナビゲーションに移動 検索に移動
MSY-07 (トーク | 投稿記録)
URLの修正
MSY-07 (トーク | 投稿記録)
句点の位置を修正
4行目: 4行目:
* ダイアログ表示中はマクロ実行中なのでMery本体の画面は「応答なし」になります。
* ダイアログ表示中はマクロ実行中なのでMery本体の画面は「応答なし」になります。


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


[[ファイル:HTAdialog 1.png]] [[ファイル:HTAdialog 2.png]]
[[ファイル:HTAdialog 1.png]] [[ファイル:HTAdialog 2.png]]
14行目: 14行目:
== 必要なライブラリ ==
== 必要なライブラリ ==
* HTAdialog.jsには[https://github.com/douglascrockford/JSON-js json2.js]を利用しています。
* HTAdialog.jsには[https://github.com/douglascrockford/JSON-js json2.js]を利用しています。
* カラーピッカーダイアログのサンプルには[https://bgrins.github.io/spectrum/ Spectrum]を利用しています。(HTAdialog.js本体には必要ありません。)
* カラーピッカーダイアログのサンプルには[https://bgrins.github.io/spectrum/ Spectrum]を利用しています(HTAdialog.js本体には必要ありません)。


== 使い方 ==
== 使い方 ==

2024年6月6日 (木) 05:04時点における版

概要

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