ポップアップメニューを手軽に扱う - 版の履歴

MSY-07: 変数にvarの宣言を追加

2025-11-24T07:37:53Z

変数にvarの宣言を追加

← 古い版		2025年11月24日 (月) 16:37時点における版
280行目:		280行目:
	var menu = CreatePopupMenu();		var menu = CreatePopupMenu();

	for(i = 0;i < list.length;i++){		for(var i = 0;i < list.length;i++){
	//if(list[i].toString().indexOf("----") !== -1){menu.Add("hoge",999,meMenuSeparator);continue;}		//if(list[i].toString().indexOf("----") !== -1){menu.Add("hoge",999,meMenuSeparator);continue;}
	menu.Add(list[i].toString(),i + 1);		menu.Add(list[i].toString(),i + 1);

MSY-07: SyntaxHighlightにcopyの追加

2025-06-29T16:23:26Z

SyntaxHighlightにcopyの追加

← 古い版		2025年6月30日 (月) 01:23時点における版
2行目:		2行目:

	== ソースコード ==		== ソースコード ==
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript" copy>
	function ShowPopupMenu(menu_obj, position, separator, esc){		function ShowPopupMenu(menu_obj, position, separator, esc){
	var MAX_NEST = 5;//ネストの最大深度		var MAX_NEST = 5;//ネストの最大深度
273行目:		273行目:
	== おまけ ==		== おまけ ==
	サブメニューとかいいから簡単に使いたいという人向け。		サブメニューとかいいから簡単に使いたいという人向け。
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript" copy>
	function ShowMenuMini(list){		function ShowMenuMini(list){
	var pos = 0;		var pos = 0;

MSY-07: 見出しの追加

2023-07-22T09:08:01Z

見出しの追加

← 古い版		2023年7月22日 (土) 18:08時点における版
1行目:		1行目:
	マクロではないのですが、Meryのポップアップメニューを手軽に扱える関数を書いてみました。		マクロではないのですが、Meryのポップアップメニューを手軽に扱える関数を書いてみました。

			== ソースコード ==
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
	function ShowPopupMenu(menu_obj, position, separator, esc){		function ShowPopupMenu(menu_obj, position, separator, esc){

MSY-07: 空行の追加と除去

2023-05-17T06:55:50Z

空行の追加と除去

← 古い版		2023年5月17日 (水) 15:55時点における版
116行目:		116行目:
	}		}
	</syntaxhighlight>		</syntaxhighlight>

	== 簡単な使い方 ==		== 簡単な使い方 ==
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
143行目:		144行目:

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

	=== 配列を指定する場合 ===		=== 配列を指定する場合 ===

	第1引数に配列を指定するとその配列内の要素をメニューに表示します。		第1引数に配列を指定するとその配列内の要素をメニューに表示します。
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
153行目:		152行目:

	=== オブジェクトを指定する場合 ===		=== オブジェクトを指定する場合 ===

	オブジェクトのキーがメニューに表示ます。キーに対応する値が返り値になります。（値が関数オブジェクトの時は後述。）		オブジェクトのキーがメニューに表示ます。キーに対応する値が返り値になります。（値が関数オブジェクトの時は後述。）

178行目:		176行目:

	=== 使用例 ===		=== 使用例 ===

	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
	var menu = {};		var menu = {};
205行目:		202行目:

	=== 返り値 ===		=== 返り値 ===

	オブジェクトでメニューを定義するする場合、値が関数オブジェクトかそれ以外かで返り値が変わります。		オブジェクトでメニューを定義するする場合、値が関数オブジェクトかそれ以外かで返り値が変わります。
	関数オブジェクトを指定するとその関数を実行して、その関数の返り値がShowPopupMenu関数の返り値になります。		関数オブジェクトを指定するとその関数を実行して、その関数の返り値がShowPopupMenu関数の返り値になります。
229行目:		225行目:

	=== その他の引数の説明 ===		=== その他の引数の説明 ===

	第2引数にmePosMouseを指定するとマウスカーソルの位置にメニューが表示されます。		第2引数にmePosMouseを指定するとマウスカーソルの位置にメニューが表示されます。

255行目:		250行目:

	=== その他 ===		=== その他 ===

	デフォルトではメニューの最大階層は5（2行目のMAX_NESTの値を書き換えることで変更可能）になっています。これは		デフォルトではメニューの最大階層は5（2行目のMAX_NESTの値を書き換えることで変更可能）になっています。これは
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
266行目:		260行目:

	=== Tips ===		=== Tips ===

	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
	menu["Now?"] = new Date();		menu["Now?"] = new Date();
303行目:		296行目:

	=== リファレンス ===		=== リファレンス ===

	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
	function ShowMenuMini(		function ShowMenuMini(
312行目:		304行目:

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

	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
	var menu = ["Morning","Afternoon","Evening"];		var menu = ["Morning","Afternoon","Evening"];

MSY-07: タグをタグに置き換える

2023-05-16T14:29:07Z

<source>タグを<syntaxhighlight>タグに置き換える

差分を表示

126.23.41.25: /* おまけ */

2012-12-07T06:34:44Z

おまけ

← 古い版		2012年12月7日 (金) 15:34時点における版
301行目:		301行目:
	}		}
	</source>		</source>

			=== リファレンス ===

	<source lang="javascript">		<source lang="javascript">
	function ShowMenuMini(		function ShowMenuMini(

126.23.41.25: Tips、おまけの追加

2012-12-07T06:32:25Z

Tips、おまけの追加

@@ 140行目: / 140行目: @@
 '''serarator''' : 省略可能。セパレーターを挿入する条件。後述。
-'''esc''' : 省略可能。ESCキーを押した時の挙動。後述。
+'''esc''' : 省略可能。ESCキーでメニューを閉じた時の挙動。後述。
 == 使い方 ==
@@ 245行目: / 245行目: @@
 </source>
-第4引数でメニュー表示時にESCキーを押した時の挙動を変更できます。デフォルトではそこでスクリプトの実行が終了します。
+第4引数でメニューをESCキーで閉じた時の挙動を変更できます。デフォルトではそこでスクリプトの実行が終了します。
 関数オブジェクトを指定するとその関数を実行し、それ以外の値（undefinedを除く）の場合はその値を返します。
@@ 264行目: / 264行目: @@
 といった再帰定義で無限ループになるのを防ぐためです。

126.23.41.25: /* おまけ */

2012-12-07T04:39:19Z

おまけ

← 古い版		2012年12月7日 (金) 13:39時点における版
264行目:		264行目:

	といった再帰定義で無限ループになるのを防ぐためです。		といった再帰定義で無限ループになるのを防ぐためです。

	~~== おまけ ==~~
	~~サブメニューとかいいから簡単に使いたいという人向け。~~
	~~<source lang="javascript">~~
	~~function ShowMenuMini(list){~~
	~~var pos = 0;~~

	~~var ret = 0;~~
	~~var menu = CreatePopupMenu();~~

	~~for(i = 0;i < list.length;i++){~~
	~~//if(list[i].toString().indexOf("----") !== -1){menu.Add("hoge",999,meMenuSeparator);continue;}~~
	~~menu.Add(list[i].toString(),i + 1);~~
	}

	~~ret = menu.Track(pos);~~

	~~if(ret === 0){~~
	~~Quit(); //ESCキーを押した時の挙動~~
	}
	~~else{~~
	~~return ret - 1;~~
	}
	}
	~~</source>~~
	~~<source lang="javascript">~~
	~~function ShowMenuMini(~~
	~~list : Array~~
	)
	~~</source>~~
	~~引数には配列を指定する。選択された要素のインデックスが返り値になる。~~

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

	~~<source lang="javascript">~~
	~~var menu = ["Morning","Afternoon","Evening"];~~
	~~var value = ["あんぱん","ジャムパン","カレーパン"];~~

	~~Document.Write(value[ShowMemuMini(menu) ] );~~
	~~</source>~~

	なお、セパレーターを挿入する機能はオフにしてあります。セパレータを使いたい場合は8行目のコメントアウトを外してください。その場合はメニュの表示と返り値がずれることに注意してください。
	~~<source lang="javascript">~~
	~~var menu = ["Morning","Afternoon","----","Evening"];~~
	~~var value = ["あんぱん","ジャムパン","ここが選ばれることはない","カレーパン"];~~

	~~Document.Write(value[ShowMemuMini(menu) ] );~~
	~~</source>~~

126.23.41.25: Meryのポップアップメニュのラッパー関数ShowPopupMenuの説明

2012-12-07T04:20:07Z

Meryのポップアップメニュのラッパー関数ShowPopupMenuの説明

新規ページ

マクロではないのですが、Meryのポップアップメニューを手軽に扱える関数を書いてみました。

<source lang="javascript">
function ShowPopupMenu(menu_obj, position, separator, esc){
var MAX_NEST = 5;//ネストの最大深度

var id_counter = 1;
var item_list = [];
var popup
var selected_id;

//メニューをESCキーで閉じた時の挙動を登録
if(esc === undefined){
item_list[0] = function(){Quit();};
}
else{
item_list[0] = esc;
}

//メニュー位置の初期化
if(position !== mePosMouse) {
position = 0;
}

//セパレーターを挿入する条件
var isSeparator = function(str){
if(separator === false){
return false;
}
else if(typeof separator === "string"){
return (str.indexOf(separator) !== -1);
}
else{
return (str.indexOf("----") !== -1);
}
};

var ObjectOrArray = function(target){
if(target){
switch(Object.prototype.toString.call(target) ){
case "[object Object]":
return "Object";
break;
case "[object Array]":
return "Array";
break;
default:
return "Other";
break;
}
}
else{
return "Other";
}
};

var ArrayToPopup = function(list){
var menu = CreatePopupMenu();

for(var i =0; i < list.length; i++){
if(isSeparator(list[i].toString() ) ){
menu.Add("dummy", 999, meMenuSeparator);
}
else{
menu.Add(list[i].toString(), i + 1);
}
item_list[i + 1] = list[i];
}
return menu;
};

var ObjectToPopup = function(obj, nest){
var menu = CreatePopupMenu();

for(var key in obj){
if(isSeparator(key) ){
menu.Add("dummy", 999, meMenuSeparator);
}
else{
if(ObjectOrArray(obj[key] ) !== "Object"){
menu.Add(key, id_counter);
item_list[id_counter] = obj[key];
id_counter++;
}
else{
if(nest < MAX_NEST){
menu.AddPopup(key, ObjectToPopup(obj[key], nest + 1) );
}
}
}
}
return menu;
};
//ここまで変数、関数の定義
//関数の本体はここから
switch(ObjectOrArray(menu_obj) ){
case "Object":
popup = ObjectToPopup(menu_obj, 0);
break;
case "Array":
popup = ArrayToPopup(menu_obj);
break;
default://第1引数が配列かオブジェクト以外の時
throw new Error("第1引数には配列またはオブジェクトを指定してください");
break;
}

selected_id = popup.Track(position);

if(typeof(item_list[selected_id] ) === "function"){
return item_list[selected_id]();
}
else{
return item_list[selected_id];
}
}
</source>
== 簡単な使い方 ==
<source lang="javascript">
var x = ShowPopupMenu(["Spring","Summer","Autumn","Winter"] );
Document.Write(x);
</source>
選択された文字列が挿入されます。

== リファレンス ==
<source lang="javascript">
function ShowPopupMenu(
menu_obj : Object | Array,
position : int,
separator : Boolean | String,
esc : Anything
)
</source>
'''返り値''' : 選択されたメニューに対応する値。後述。

'''menu_obj''' : 必ず指定する。メニューを定義したオブジェクトまたは配列。

'''position''' : 省略可能。メニューを表示する位置。mePosMouseを指定するとカーソル位置に表示される。

'''serarator''' : 省略可能。セパレーターを挿入する条件。後述。

'''esc''' : 省略可能。ESCキーを押した時の挙動。後述。

== 使い方 ==

=== 配列を指定する場合 ===

第1引数に配列を指定するとその配列内の要素をメニューに表示します。
<source lang="javascript">
var list = ["メニュー1","メニュー2","メニュー3","メニュー4"]
</source>
SowPopupMenu関数の返り値は選択された要素になります。

=== オブジェクトを指定する場合 ===

オブジェクトのキーがメニューに表示ます。キーに対応する値が返り値になります。（値が関数オブジェクトの時は後述。）

<source lang="javascript">
var menu = {};
menu["メニュー1"] = "メニュー1";
menu["メニュー2"] = 2;
</source>

こうするとサブメニューを作れます。

<source lang="javascript">
menu["グループ1"] = {};
menu["グループ1"]["サブメニュー1"] = "SubMenu1";
</source>

連続したハイフン4つ（----）をキー内に含む場合セパレータになります。

<source lang="javascript">
menu["----"] = 0; //何らかの値を入れておく。

list = ["menu1","menu----2","menu3"] //配列でも可能。
</source>

=== 使用例 ===

<source lang="javascript">
var menu = {};

menu["メニュー1"] = "メニュー1";
menu["メニュー2"] = 2;

menu["グループ1"] = {};
menu["グループ1"]["サブメニュー1"] = "SubMenu1";
menu["グループ1"]["----"] = 0;
menu["グループ1"]["サブメニュー2"] = "Submenu2";
</source>

このように指定することも可能です。
<source lang="javascript">
var menu = {
"メニュー1" : "メニュー1",
"メニュー2" : 2,
"グループ1" : {
"サブメニュー1" : "SubMenu1",
"----" : 0,
"サブメニュー2" : "SubMenu2"
}
}
</source>

=== 返り値 ===

オブジェクトでメニューを定義するする場合、値が関数オブジェクトかそれ以外かで返り値が変わります。
関数オブジェクトを指定するとその関数を実行して、その関数の返り値がShowPopupMenu関数の返り値になります。
<source lang="javascript">
function func1(){
Document.Write("func1");
return 0;
}

var menu = {};
menu["func1"] = func1; // func1() 、ではない。（括弧は付けない）
</source>

「func1」がエディターのキャレット位置に挿入され、0が返ります。

もちろんfunctionリテラルで直接書いてもかまいません。

<source lang="javascript">
menu["func2"] = function(){Alert("func2");};
</source>

関数オブジェクト以外を値とした場合はその値がそのまま返ります。

=== その他の引数の説明 ===

第2引数にmePosMouseを指定するとマウスカーソルの位置にメニューが表示されます。

<source lang="javascript">
ShowPopupMenu(menu, mePosMouse)
</source>

それ以外の値の時はキャレット位置に表示します。

第3引数にfalseを指定するとセパレーターを挿入しなくなります。また文字列を指定するとその文字列が含まれるメニューをセパレータにします。それ以外の値は無視します。

<source lang="javascript">
ShowPopupMenu(menu,0,false) // セパレーターを挿入しない
ShowPopupMenu(menu,0,"ああああ") // 「ああああ」が含まれるメニューをセパレータにします。
</source>

第4引数でメニュー表示時にESCキーを押した時の挙動を変更できます。デフォルトではそこでスクリプトの実行が終了します。
関数オブジェクトを指定するとその関数を実行し、それ以外の値（undefinedを除く）の場合はその値を返します。

<source lang="javascript">
ShowPopupMenu(menu,0,0,-1)
</source>

上の例ではESCキーを押してもスクリプトは終了せず、関数は-1を返します。

=== その他 ===

デフォルトではメニューの最大階層は5（2行目のMAX_NESTの値を書き換えることで変更可能）になっています。これは
<source lang="javascript">
var menu = {};
menu["メニュー1"] = 1;
menu["グループ1"] = menu;
</source>

といった再帰定義で無限ループになるのを防ぐためです。

== おまけ ==
サブメニューとかいいから簡単に使いたいという人向け。
<source lang="javascript">
function ShowMenuMini(list){
var pos = 0;

var ret = 0;
var menu = CreatePopupMenu();

for(i = 0;i < list.length;i++){
//if(list[i].toString().indexOf("----") !== -1){menu.Add("hoge",999,meMenuSeparator);continue;}
menu.Add(list[i].toString(),i + 1);
}

ret = menu.Track(pos);

if(ret === 0){
Quit(); //ESCキーを押した時の挙動
}
else{
return ret - 1;
}
}
</source>
<source lang="javascript">
function ShowMenuMini(
list : Array
)
</source>
引数には配列を指定する。選択された要素のインデックスが返り値になる。

=== 使い方 ===

<source lang="javascript">
var menu = ["Morning","Afternoon","Evening"];
var value = ["あんぱん","ジャムパン","カレーパン"];

Document.Write(value[ShowMemuMini(menu) ] );
</source>

なお、セパレーターを挿入する機能はオフにしてあります。セパレータを使いたい場合は8行目のコメントアウトを外してください。その場合はメニュの表示と返り値がずれることに注意してください。
<source lang="javascript">
var menu = ["Morning","Afternoon","----","Evening"];
var value = ["あんぱん","ジャムパン","ここが選ばれることはない","カレーパン"];

Document.Write(value[ShowMemuMini(menu) ] );
</source>