編集支援

「編集支援」の編集履歴（バックアップ）一覧はこちら

「編集支援」(2016/02/04 (木) 23:53:14) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

#hr()
** INPUT
#divclass(ammo-table){{{||Lv1|Lv2|Lv3|
|通常弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|貫通弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|散弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|徹甲榴弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|拡散弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
//
||Lv1|Lv2|
|回復弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|毒弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|麻痺弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|睡眠弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|減気弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
//
||Lv1|
|火炎弾|&html(<input class="js-input" />)|
|水冷弾|&html(<input class="js-input" />)|
|電撃弾|&html(<input class="js-input" />)|
|氷結弾|&html(<input class="js-input" />)|
|滅龍弾|&html(<input class="js-input" />)|
//
// |>|&space()|
// |捕獲用麻酔弾|&html(<input class="js-input" />)|
// |ペイント弾|&html(<input class="js-input" />)|
// ||&html(<input class="js-input" />)|
// ||&html(<input class="js-input" />)|
// ||&html(<input class="js-input" />)|
//
|CENTER:内蔵弾|所持|装填|
|&html(<select class="js-select"><!-- js-option --></select>)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|&html(<select class="js-select"><!-- js-option --></select>)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|&html(<select class="js-select"><!-- js-option --></select>)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|&html(<select class="js-select"><!-- js-option --></select>)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|&html(<select class="js-select"><!-- js-option --></select>)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
}}}
速射・しゃがみ撃ち対応弾は数字の前に+記号、弾追加スキル対応弾は追加後の数の前に-記号
入力欄の移動はTabキーが便利です
#hr()
** OUTPUT
#html2() {
	<textarea id="js-output" rows="20" cols="80" readonly></textarea>
}
#hr()
ベータ版
正式版はデータの送信・読み込み機能をつける予定
捕獲用麻酔弾、ペイント弾は削除してあります

Internet Explorer 9 以上、及びその他モダンブラウザでお使いください
動作確認はSafari 9 (Mac OS X) で行っています
#hr()
#comment_num2(size=50,vsize=3,nsize=30)
#js(){{{
(function() {
	var inputs = document.getElementsByClassName('js-input'),
		selects = document.getElementsByClassName('js-select'),
		output = document.getElementById('js-output'),
		optList = [
			'竜撃弾', 'LV1 斬裂弾', 'LV2 斬裂弾', 'LV1 爆破弾', 'LV2 爆破弾', 'LV1 強装弾', 'LV2 強装弾',
			'LV1 重撃弾', 'LV2 重撃弾', '痛撃弾', 'LV1 大砲弾', 'LV2 大砲弾', 'LV1 遠撃弾', 'LV2 遠撃弾', 'ツブテ弾',
			'LV2 火炎弾', 'LV2 水冷弾', 'LV2 電撃弾', 'LV2 氷結弾', 'LV2 滅龍弾',
			'LV1 貫通火炎弾', 'LV2 貫通火炎弾', 'LV1 貫通水冷弾', 'LV2 貫通水冷弾', 'LV1 貫通電撃弾', 'LV2 貫通電撃弾', 'LV1 貫通氷結弾', 'LV2 貫通氷結弾',
			'連爆榴弾', '榴散弾', '烈光弾', '毒煙弾',  '鬼人弾', '鬼人会心弾',
			'硬化弾', '硬化強靭弾', '閃光弾', 'こやし弾', '治癒活力弾', '広域回復弾', '鬼人硬化弾',
		],
		options = document.createDocumentFragment(),
		i, len,
		f = (function() {
			var reg = /\+|-/,
				map = {
					'+': 'BGCOLOR(powderblue):',
					'-': 'COLOR(darkgray):'
				},
				fnc = function(s) {
					return map[s];
				};

			return function(i) {
				var val = inputs[i].value;

				if (!val) return '';

				return 'CENTER:' + val.replace(reg, fnc);
			};
		}());

	for (i = 0, len = inputs.length; i < len; ++i) {
		inputs[i].onchange = setOutput;
		inputs[i].oninput = setOutput;
	}
	var opt = document.createElement('option');
	opt.textContent = '（なし）';
	opt.value = '&space()';
	options.appendChild(opt);
	for (i = 0, len = optList.length; i < len; ++i) {
		opt = document.createElement('option');
		opt.textContent = optList[i];
		opt.value = optList[i];
		options.appendChild(opt);
	}

	for (i = 0, len = selects.length; i < len; ++i) {
		selects[i].appendChild(options.cloneNode(true));
		selects[i].onchange = setOutput;
	}
	output.onclick = function() {
		this.select()
	}
	setOutput();

	function setOutput() {
		var i = 0,
			j = 0;

		output.value = '#divclass(ammo-table){{{\n||Lv1|Lv2|Lv3|\n|通常弾|' + f(i++) + '|' + f(i++) + '|' + f(i++)
			+ '|\n|貫通弾|' + f(i++) + '|' + f(i++) + '|' + f(i++)
			+ '|\n|散弾|' + f(i++) + '|' + f(i++) + '|' + f(i++)
			+ '|\n|徹甲榴弾|' + f(i++) + '|' + f(i++) + '|' + f(i++)
			+ '|\n|拡散弾|' + f(i++) + '|' + f(i++) + '|' + f(i++)
			+ '|\n//\n||Lv1|Lv2|\n|回復弾|' + f(i++) + '|' + f(i++)
			+ '|\n|毒弾|' + f(i++) + '|' + f(i++)
			+ '|\n|麻痺弾|' + f(i++) + '|' + f(i++)
			+ '|\n|睡眠弾|' + f(i++) + '|' + f(i++)
			+ '|\n|減気弾|' + f(i++) + '|' + f(i++)
			+ '|\n//\n||Lv1|\n|火炎弾|' + f(i++)
			+ '|\n|水冷弾|' + f(i++)
			+ '|\n|電撃弾|' + f(i++)
			+ '|\n|氷結弾|' + f(i++)
			+ '|\n|滅龍弾|' + f(i++)
			// + '|\n//\n|>|&space()|\n|捕獲用麻酔弾|' + f(i++) + '|\n|ペイント弾|' + f(i++) + '|\n|鬼人弾|' + f(i++) + '|\n|硬化弾|' + f(i++) + '|\n|斬裂弾|' + f(i++)
			+ '|\n//\n|CENTER:内蔵弾|所持|装填|\n|' + selects[0].value + '|' + f(i++) + '|' + f(i++)
			+ '|\n|' + selects[1].value + '|' + f(i++) + '|' + f(i++)
			+ '|\n|' + selects[2].value + '|' + f(i++) + '|' + f(i++)
			+ '|\n|' + selects[3].value + '|' + f(i++) + '|' + f(i++)
			+ '|\n|' + selects[4].value + '|' + f(i++) + '|' + f(i++)
			+ '|\n}}}';
	}
}());
}}}

#hr()
** INPUT
#divclass(ammo-table){{{||Lv1|Lv2|Lv3|
|通常弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|貫通弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|散弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|徹甲榴弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|拡散弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
//
||Lv1|Lv2|
|回復弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|毒弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|麻痺弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|睡眠弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|減気弾|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
//
||Lv1|
|火炎弾|&html(<input class="js-input" />)|
|水冷弾|&html(<input class="js-input" />)|
|電撃弾|&html(<input class="js-input" />)|
|氷結弾|&html(<input class="js-input" />)|
|滅龍弾|&html(<input class="js-input" />)|
//
// |>|&space()|
// |捕獲用麻酔弾|&html(<input class="js-input" />)|
// |ペイント弾|&html(<input class="js-input" />)|
// ||&html(<input class="js-input" />)|
// ||&html(<input class="js-input" />)|
// ||&html(<input class="js-input" />)|
//
|CENTER:内蔵弾|所持|装填|
|&html(<select class="js-select"><!-- js-option --></select>)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|&html(<select class="js-select"><!-- js-option --></select>)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|&html(<select class="js-select"><!-- js-option --></select>)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|&html(<select class="js-select"><!-- js-option --></select>)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
|&html(<select class="js-select"><!-- js-option --></select>)|&html(<input class="js-input" />)|&html(<input class="js-input" />)|
}}}
&html(<input id="js-reset" type="button" value="リセット" />)
速射・しゃがみ撃ち対応弾は数字の前に+記号、弾追加スキル対応弾は追加後の数の前に-記号
入力欄の移動はTabキーが便利です
#hr()
** OUTPUT
#html2() {
	<textarea id="js-output" rows="20" cols="80" readonly></textarea>
}
#hr()
ベータ版
正式版はデータの送信・読み込み機能をつける予定
捕獲用麻酔弾、ペイント弾は削除してあります

Internet Explorer 9 以上、及びその他モダンブラウザでお使いください
動作確認はSafari 9 (Mac OS X) で行っています
#hr()
#comment_num2(size=50,vsize=3,nsize=30)
#js(){{{
(function() {
	var inputs = document.getElementsByClassName('js-input'),
		selects = document.getElementsByClassName('js-select'),
		output = document.getElementById('js-output'),
		optList = [
			'竜撃弾', 'LV1 斬裂弾', 'LV2 斬裂弾', 'LV1 爆破弾', 'LV2 爆破弾', 'LV1 強装弾', 'LV2 強装弾',
			'LV1 重撃弾', 'LV2 重撃弾', '痛撃弾', 'LV1 大砲弾', 'LV2 大砲弾', 'LV1 遠撃弾', 'LV2 遠撃弾', 'ツブテ弾',
			'LV2 火炎弾', 'LV2 水冷弾', 'LV2 電撃弾', 'LV2 氷結弾', 'LV2 滅龍弾',
			'LV1 貫通火炎弾', 'LV2 貫通火炎弾', 'LV1 貫通水冷弾', 'LV2 貫通水冷弾', 'LV1 貫通電撃弾', 'LV2 貫通電撃弾', 'LV1 貫通氷結弾', 'LV2 貫通氷結弾',
			'連爆榴弾', '榴散弾', '烈光弾', '毒煙弾',  '鬼人弾', '鬼人会心弾',
			'硬化弾', '硬化強靭弾', '閃光弾', 'こやし弾', '治癒活力弾', '広域回復弾', '鬼人硬化弾',
		],
		options = document.createDocumentFragment(),
		i, len,
		f = (function() {
			var reg = /\+|-/,
				map = {
					'+': 'BGCOLOR(powderblue):',
					'-': 'COLOR(darkgray):'
				},
				fnc = function(s) {
					return map[s];
				};

			return function(i) {
				var val = inputs[i].value;

				if (!val) return '';

				return 'CENTER:' + val.replace(reg, fnc);
			};
		}());

	for (i = 0, len = inputs.length; i < len; ++i) {
		inputs[i].onchange = setOutput;
		inputs[i].oninput = setOutput;
	}
	var opt = document.createElement('option');
	opt.textContent = '（なし）';
	opt.value = '&space()';
	options.appendChild(opt);
	for (i = 0, len = optList.length; i < len; ++i) {
		opt = document.createElement('option');
		opt.textContent = optList[i];
		opt.value = optList[i];
		options.appendChild(opt);
	}

	for (i = 0, len = selects.length; i < len; ++i) {
		selects[i].appendChild(options.cloneNode(true));
		selects[i].onchange = setOutput;
	}
	output.onclick = function() {
		this.select()
	}

	document.getElementById('js-reset').onclick = function() {
		var i, len;

		for (i = 0, len = inputs.length; i < len; ++i) {
			inputs[i].value = '';
		}

		for (i = 0, len = selects.length; i < len; ++i) {
			selects[i].value = '&space()'
		}
		setOutput();
	}
	setOutput();

	function setOutput() {
		var i = 0,
			j = 0;

		output.value = '#divclass(ammo-table){{{\n||Lv1|Lv2|Lv3|\n|通常弾|' + f(i++) + '|' + f(i++) + '|' + f(i++)
			+ '|\n|貫通弾|' + f(i++) + '|' + f(i++) + '|' + f(i++)
			+ '|\n|散弾|' + f(i++) + '|' + f(i++) + '|' + f(i++)
			+ '|\n|徹甲榴弾|' + f(i++) + '|' + f(i++) + '|' + f(i++)
			+ '|\n|拡散弾|' + f(i++) + '|' + f(i++) + '|' + f(i++)
			+ '|\n//\n||Lv1|Lv2|\n|回復弾|' + f(i++) + '|' + f(i++)
			+ '|\n|毒弾|' + f(i++) + '|' + f(i++)
			+ '|\n|麻痺弾|' + f(i++) + '|' + f(i++)
			+ '|\n|睡眠弾|' + f(i++) + '|' + f(i++)
			+ '|\n|減気弾|' + f(i++) + '|' + f(i++)
			+ '|\n//\n||Lv1|\n|火炎弾|' + f(i++)
			+ '|\n|水冷弾|' + f(i++)
			+ '|\n|電撃弾|' + f(i++)
			+ '|\n|氷結弾|' + f(i++)
			+ '|\n|滅龍弾|' + f(i++)
			// + '|\n//\n|>|&space()|\n|捕獲用麻酔弾|' + f(i++) + '|\n|ペイント弾|' + f(i++) + '|\n|鬼人弾|' + f(i++) + '|\n|硬化弾|' + f(i++) + '|\n|斬裂弾|' + f(i++)
			+ '|\n//\n|CENTER:内蔵弾|所持|装填|\n|' + selects[0].value + '|' + f(i++) + '|' + f(i++)
			+ '|\n|' + selects[1].value + '|' + f(i++) + '|' + f(i++)
			+ '|\n|' + selects[2].value + '|' + f(i++) + '|' + f(i++)
			+ '|\n|' + selects[3].value + '|' + f(i++) + '|' + f(i++)
			+ '|\n|' + selects[4].value + '|' + f(i++) + '|' + f(i++)
			+ '|\n}}}';
	}
}());
}}}