ポップアップメニューでラジオボタン - 版の履歴

MSY-07: SyntaxHighlightにcopyの追加

2025-06-29T15:53:12Z

SyntaxHighlightにcopyの追加

← 古い版		2025年6月30日 (月) 00:53時点における版
13行目:		13行目:

	== ソースコード ==		== ソースコード ==
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript" copy>
	// radiobtn.js		// radiobtn.js
	// 2014-01-26		// 2014-01-26

MSY-07: /* 変更履歴 */ バージョン表記の追加

2024-09-03T02:40:32Z

変更履歴: バージョン表記の追加

← 古い版		2024年9月3日 (火) 11:40時点における版
9行目:		9行目:

	== 変更履歴 ==		== 変更履歴 ==
	* 2014-01-26		* 1.0.0 (2014-01-26)
	** 初版		** 初版

MSY-07: /* 変更履歴 */ 箇条書きの修正

2024-09-02T23:34:56Z

変更履歴: 箇条書きの修正

← 古い版		2024年9月3日 (火) 08:34時点における版
9行目:		9行目:

	== 変更履歴 ==		== 変更履歴 ==
	* 2014-01-26 初版		* 2014-01-26
			** 初版

	== ソースコード ==		== ソースコード ==

MSY-07: 日付のフォーマットを変更

2024-09-02T20:10:52Z

日付のフォーマットを変更

← 古い版		2024年9月3日 (火) 05:10時点における版
9行目:		9行目:

	== 変更履歴 ==		== 変更履歴 ==
	* 2014/01/26 初版		* 2014-01-26 初版

	== ソースコード ==		== ソースコード ==
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
	// radiobtn.js		// radiobtn.js
	// 2014/01/26		// 2014-01-26

	var orientation = { items:["landscape","portrait"] , selected:1 };		var orientation = { items:["landscape","portrait"] , selected:1 };

MSY-07: 見出しの修正

2024-09-01T19:35:23Z

見出しの修正

← 古い版		2024年9月2日 (月) 04:35時点における版
8行目:		8行目:
	* 予め連想配列を変数にしておいた方が使いやすいと思います。		* 予め連想配列を変数にしておいた方が使いやすいと思います。

	== 履歴 ==		== 変更履歴 ==
	* 2014/01/26 初版		* 2014/01/26 初版

MSY-07: 見出しの修正

2023-07-22T09:11:20Z

見出しの修正

← 古い版		2023年7月22日 (土) 18:11時点における版
11行目:		11行目:
	* 2014/01/26 初版		* 2014/01/26 初版

	== ~~コード~~ ==		== ソースコード ==
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
	// radiobtn.js		// radiobtn.js

MSY-07: 全角から半角に修正

2023-05-17T09:45:43Z

全角から半角に修正

← 古い版		2023年5月17日 (水) 18:45時点における版
3行目:		3行目:

	== 機能 ==		== 機能 ==
	* 選択項目は、{ items :["~~項目１~~","~~項目２~~","~~項目３~~"], selected : 数値（初期インデックス） }という連想配列の配列で与えてください。配列の要素が一つの選択グループです。		* 選択項目は、{ items :["項目1","項目2","項目3"], selected : 数値（初期インデックス） }という連想配列の配列で与えてください。配列の要素が一つの選択グループです。
	* 返り値も、連想配列の配列です。		* 返り値も、連想配列の配列です。
	* キャンセルしたときの返り値は、与えた連想配列です。		* キャンセルしたときの返り値は、与えた連想配列です。
20行目:		20行目:
	var printer = { items:["pdf","EPSON","CANON","OKI","other"] , selected:0 };		var printer = { items:["pdf","EPSON","CANON","OKI","other"] , selected:0 };

	// ~~使用方法その１~~		// 使用方法その1
	var ret = radiobtn( [ printer, paper, orientation ] );		var ret = radiobtn( [ printer, paper, orientation ] );
	for ( var i = 0; i < ret.length; i++ ){		for ( var i = 0; i < ret.length; i++ ){
26行目:		26行目:
	}		}

	// ~~使用方法その２~~		// 使用方法その2
	radiobtn( [ printer, paper, orientation ] );		radiobtn( [ printer, paper, orientation ] );
	Alert( printer.items[ printer.selected ] );		Alert( printer.items[ printer.selected ] );

MSY-07: セクションの修正

2023-05-16T16:03:12Z

セクションの修正

← 古い版		2023年5月17日 (水) 01:03時点における版
1行目:		1行目:
	= 概要 =		== 概要 ==
	ポップアップメニューを使ったラジオボタン（のようなもの）です。		ポップアップメニューを使ったラジオボタン（のようなもの）です。

	= 機能 =		== 機能 ==
	* 選択項目は、{ items :["項目１","項目２","項目３"], selected : 数値（初期インデックス） }という連想配列の配列で与えてください。配列の要素が一つの選択グループです。		* 選択項目は、{ items :["項目１","項目２","項目３"], selected : 数値（初期インデックス） }という連想配列の配列で与えてください。配列の要素が一つの選択グループです。
	* 返り値も、連想配列の配列です。		* 返り値も、連想配列の配列です。
8行目:		8行目:
	* 予め連想配列を変数にしておいた方が使いやすいと思います。		* 予め連想配列を変数にしておいた方が使いやすいと思います。

	= 履歴 =		== 履歴 ==
	* 2014/01/26 初版		* 2014/01/26 初版

	= コード =		== コード ==
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
	// radiobtn.js		// radiobtn.js
82行目:		82行目:
	</syntaxhighlight>		</syntaxhighlight>

	= その他 =		== その他 ==
	* おかしなところがあったら教えてください。		* おかしなところがあったら教えてください。

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

2023-05-16T14:31:22Z

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

← 古い版		2023年5月16日 (火) 23:31時点における版
12行目:		12行目:

	= コード =		= コード =
	<~~source~~ lang="javascript">		<syntaxhighlight lang="javascript">
	// radiobtn.js		// radiobtn.js
	// 2014/01/26		// 2014/01/26
80行目:		80行目:
	}		}
	}		}
	</~~source~~>		</syntaxhighlight>

	= その他 =		= その他 =
	* おかしなところがあったら教えてください。		* おかしなところがあったら教えてください。

手石: ページの作成：「= 概要 = ポップアップメニューを使ったラジオボタン（のようなもの）です。 = 機能 = * 選択項目は、{ items :["項目１","項目...」

2014-01-26T07:28:43Z

ページの作成：「= 概要 = ポップアップメニューを使ったラジオボタン（のようなもの）です。 = 機能 = * 選択項目は、{ items :["項目１","項目...」

新規ページ

= 概要 =
ポップアップメニューを使ったラジオボタン（のようなもの）です。

= 機能 =
* 選択項目は、{ items :["項目１","項目２","項目３"], selected : 数値（初期インデックス） }という連想配列の配列で与えてください。配列の要素が一つの選択グループです。
* 返り値も、連想配列の配列です。
* キャンセルしたときの返り値は、与えた連想配列です。
* 予め連想配列を変数にしておいた方が使いやすいと思います。

= 履歴 =
* 2014/01/26 初版

= コード =
<source lang="javascript">
// radiobtn.js
// 2014/01/26

var orientation = { items:["landscape","portrait"] , selected:1 };
var paper = { items:["A4","B5","letter"] , selected:0 };
var printer = { items:["pdf","EPSON","CANON","OKI","other"] , selected:0 };

// 使用方法その１
var ret = radiobtn( [ printer, paper, orientation ] );
for ( var i = 0; i < ret.length; i++ ){
Alert( ret[ i ].items[ ret[ i ].selected ] );
}

// 使用方法その２
radiobtn( [ printer, paper, orientation ] );
Alert( printer.items[ printer.selected ] );
Alert( paper.items[ paper.selected ] );
Alert( orientation.items[ orientation.selected ] );

function radiobtn( arg1 ){
var menuitems = arg1;
var off = 5, selcan = 0, selok = 1;

// 初期値の保存
for ( var i = 0; i < menuitems.length; i++ ){
menuitems[ i ].initial = menuitems[ i ].selected;
}

var r = 0;
while( r >= 0 ){
r = showPopupMenu();
switch ( r ){
case selcan - off:
for ( var i = 0; i < menuitems.length; i++ ){
menuitems[ i ].selected = menuitems[ i ].initial;
}
return menuitems;
case selok - off:
return menuitems;
default :
var i = 0;
while( r > menuitems[ i ].items.length - 1 ){
r = r - menuitems[ i ].items.length;
i++;
}
menuitems[ i ].selected = r;
}
}

function showPopupMenu(){
var menu = CreatePopupMenu();
var idx = 0;
for ( var i = 0; i < menuitems.length; i++ ){
var submenu = CreatePopupMenu();
menu.AddPopup( menuitems[ i ].items[ menuitems[ i ].selected ], submenu );
for ( var k = 0; k < menuitems[ i ].items.length; k++ ){
submenu.Add( menuitems[ i ].items[ k ] , idx + off, 0 );
idx++;
}
}
menu.Add( "---", 0, meMenuSeparator );
menu.Add( "キャンセル", selcan, 0 );
menu.Add( "選択終了", selok, 0 );
return menu.track( 0 ) - off;
}
}
</source>

= その他 =
* おかしなところがあったら教えてください。