unDonutのパネルバーのHTML

暇だったのと勉強がてらに書いた数ある中から
どれもイマイチなHTMLかもしれんけど、自分ではそれなりに便利だった。
３つともunDonutのcomを使用、コードはShift-jisにしてある。

クリップボードの履歴を取る

Stopボタンで中断、Startで再開。
セキュリティによってはただのクソhtmlと化す。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>ClipBoard</title>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">

_checkClip();
};
function delList() {
	var elm_opt = $('list-text').options;
	for(var i = elm_opt.length - 1; i >= 0; i --) {
		if(elm_opt[i].selected) elm_opt[i].parentNode.removeChild(elm_opt[i]);
	};
};
function viewText() {
	$('view-text').value = this.value;
};
function checkSwitch() {
	if(/sto/i.test(this.innerText)) {
		this.innerText = 'Start';
		_flag_sw = 1;
		this.style.background = '#f80';
	} else {
		this.innerText = 'Stop';
		_flag_sw = 0;
		_checkClip();
		this.style.background = '#777';
	};
};
function copyList() {
	var elm_opt = $('list-text').options;
	var arr_text = <span data-unlink>;
	for(var i = 0; i < elm_opt.length; i ++) {
		if(elm_opt[i].selected) arr_text.push(elm_opt[i].value);
	};
	clipboardData.setData('text', arr_text.join('\r\n'));
};
function checkClip() {
	var hash_text = {};
	var str_text  = '';
	var elm_list  = $('list-text');
	var _getClip = function() {return clipboardData.getData('text')};
	var val, str_clip, str_list;
	return function() {
		val = setInterval(function() {
			str_clip = _getClip();
			if(_flag_sw == 1) {
				clearInterval(val);
			} else if(_flag_sw == 2) {
				hash_text           = {};
				elm_list.innerHTML  = '';
				str_text            = str_clip;
				_flag_sw            = 0;
			}else {
				if(str_clip && str_text != str_clip && !hash_text[str_clip]) {
					str_list                  = str_clip.replace(/\t|^\s+|[\r\n]|　/g, '').substr(0, 50);
					elm_list[elm_list.length] = new Option(str_list, str_clip);
					hash_text[str_clip]       = 1;
					str_text                  = str_clip;
				};
			};
		}, 1000);
	};
};
function moveList(elm_list, elm_up, elm_down) {
	var arr_item   = </span>;
	var arr_opt    = <span data-unlink>;
	var hash_index = {};
	var elm_opt, i, str_index, str_rep, str_chk;
	var _selectItem = function() {
		elm_opt = elm_list.options;
		for(i = 0; i < elm_opt.length; i ++) {
			if(hash_index[i]) elm_opt[i].selected = 1;
			else elm_opt[i].selected = 0;
		};
	};
	var _moveItem = function(f) {
		elm_opt    = elm_list.options;
		arr_opt    = </span>;
		hash_index = {};
		for(i = 0; i < elm_opt.length; i ++) arr_opt.push(elm_opt[i]);
		if(f) arr_opt.reverse();
		for(i = 0; i < arr_opt.length; i ++) {
			if(arr_opt[i].selected) {
				str_index = arr_opt[i].index;
				str_rep   = f ? str_index + 1 : str_index - 1;
				str_chk   = f ? str_index - 1 : str_index + 1;
				if(!f && str_index == 0) return;
				if(f && str_index == elm_opt.length - 1) return;
				if(!elm_opt[str_rep].selected) {
					arr_item[0] = elm_opt[str_rep].text;
					arr_item[1] = elm_opt[str_rep].value;
				};
				elm_opt[str_rep].text  = arr_opt[i].text;
				elm_opt[str_rep].value = arr_opt[i].value;
				if((f && str_index > 0 && elm_opt[str_chk]) || (!f && elm_opt[str_chk])) {
					if(!elm_opt[str_chk].selected) {
						arr_opt[i].text  = arr_item[0];
						arr_opt[i].value = arr_item[1];
					};
				} else {
					arr_opt[i].text  = arr_item[0];
					arr_opt[i].value = arr_item[1];
				}
				hash_index[str_rep] = 1;
			};
		};
		_selectItem();
	};
	elm_up.onclick   = _moveItem;
	elm_down.onclick = function() {_moveItem(1)};
};
function wrapSwitch() {
	var elm_area = $('view-text');
	var b_text = this.innerText;
	var b_str  = (/on/i.test(b_text) ? 'OFF' : 'ON');
	var w_str  = (b_str == 'ON' ? 'normal' : 'break-word');
	this.innerText          = 'Wrap-' + b_str;
	elm_area.style.wordWrap = w_str;
};
function chgColor(back_color, border_color, font_color) {
	var elm_btn    = document.getElementsByTagName('button');
	var cur_style  = elm_btn[0].currentStyle;

</head>

<body>
<table><tbody>
	<tr class=area-list>
		<td>
			<select id=list-text size=2 multiple></select>
		</td>
	</tr>
	<tr class=area-btn>
		<td>
			<button id=btn-up>Up</button>
			<button id=btn-down>Down</button>
			<button id=btn-copy>Copy</button>
			<button id=btn-del>Del</button>
			<button id=btn-wrap>Wrap-OFF</button>
			<button id=btn-sw>Stop</button>
			<button id=btn-cle>Clear</button>
			<button id=btn-cbcle>CBClear</button>
		</td>
	</tr>
	<tr class=area-view>
		<td>
			<textarea id=view-text></textarea>
		</td>
	</tr>
</tbody></table>
</body>

</html>

※
ソースを見るhtmlと逆になってたｗ
それと、これはcom使ってなかった。

9月16日修正

どういうわけか、これだけutf-8になってたのでとりあえずshift_jisに変えた。自分でもutf-8のままsjisで保存して使ってたけど、問題なく使えてる（よくわからんな）

09/02/07 更新

書き直した。CBClearボタンでクリップボードクリア、Up,Downで選択項目の移動、Delボタンで選択項目の削除を追加。

ソースを表示

アクティブなページのソース表示。
メモ帳で開いた方が見易く便利かも、と思わせるようなhtml。
いくつかのソースをちょっと確認するだけの時に。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
		<meta http-equiv="Content-Style-Type" content="text/css">
		<meta http-equiv="Content-Script-Type" content="text/javascript">
		<style type="text/css">
			body {
				margin: 0;
				background: #555;
				overflow: auto;
			}
			textarea {
				background: #333;
				color: #fff;
				border: 1px solid #fff;
				padding: 3px;
				overflow: auto;
				-ms-word-break: break-all;
				-ms-word-wrap: break-word;
				word-break: break-all;
				word-wrap: break-word;
				width: 100%;
				height: 90%;
				font-size: 90%;
			}
			button {
				width: 80px;
				background: #777;
				border: 1px solid #fff;
				color: #ff0;
			}
		</style>
	</head>
	<body>
		<textarea id=src></textarea><br>
		<button id=sct>選択範囲</button>
		<button id=all>全体</button>
		<button id=copy>コピー</button>
		<button id=wp>Wrap-OFF</button>
		<script type="text/javascript"></script>
	</body>
</html>