aanoaa · February 27, 2012 06:29
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8" />
    <title>what the hell</title>
    <style>
      #foo { color: red }
      #bar { color: green }
      #baz { color: blue }
      #bar:before,#baz:before {
          color: black;
          content: ' < ';
      }
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script>

  $(document).ready(function() {
    var bar, baz, foo;
    foo = {
      0: '一般',
      1: '教養',
      2: '実用',
      3: '専門',
      5: '婦人',
      6: '学参I（小中）',
      7: '学参II（高校）',
      8: '児童',
      9: '雑誌扱い'
    };
    bar = {
      0: '単行本',
      1: '文庫',
      2: '新書',
      3: '全集・双書',
      4: 'ムック・その他',
      5: '事・辞典',
      6: '図鑑',
      7: '絵本',
      8: '磁性媒体など',
      9: 'コミック'
    };
    baz = {
      '00': '総記',
      '01': '百科事典',
      '02': '年鑑・雑誌',
      '04': '情報科学',
      10: '哲学',
      11: '心理（学）',
      12: '倫理（学）',
      14: '宗教',
      15: '仏教',
      16: 'キリスト教',
      20: '歴史総記',
      21: '日本歴史',
      22: '外国歴史',
      23: '伝記',
      25: '地理',
      26: '旅行',
      30: '社会科学総記',
      31: '政治-含む国防軍事',
      32: '法律',
      33: '経済・財政・統計',
      34: '経営',
      36: '社会',
      37: '教育',
      39: '民族・風習',
      40: '自然科学総記',
      41: '数学',
      42: '物理学',
      43: '化学',
      44: '天文・地学',
      45: '生物学',
      47: '医学・歯学・薬学',
      50: '工学・工学総記',
      51: '土木',
      52: '建築',
      53: '機械',
      54: '電気',
      55: '電子通信',
      56: '海事',
      57: '採鉱・冶金',
      58: 'その他の工業',
      60: '産業総記',
      61: '農林業',
      62: '水産業',
      63: '商業',
      65: '交通・通信',
      70: '芸術総記',
      71: '絵画・彫刻',
      72: '写真・工芸',
      73: '音楽・舞踊',
      74: '演劇・映画',
      75: '体育・スポーツ',
      76: '諸芸・娯楽',
      77: '家事',
      79: 'コミックス・劇画',
      80: '語学総記',
      81: '日本語',
      82: '英米語',
      84: 'ドイツ語',
      85: 'フランス語',
      87: '各国語',
      90: '文学総記',
      91: '日本文学総記',
      92: '日本文学詩歌',
      93: '日本文学、小説・物語',
      95: '日本文学、評論、随筆、その他',
      97: '外国文学小説',
      98: '外国文学、その他'
    };
    return $('#oops').keyup(function() {
      var val, vals;
      val = $(this).val();
      $('#foo,#bar,#baz').empty().hide();
      $('#message').empty();
      vals = [val.substring(0, 1), val.substring(1, 2), val.substring(2, 4)];
      if (vals[0]) {
        if (foo[vals[0]] === void 0) {
          $('#message').append("<div>foo: " + vals[0] + " is undefined</div>");
        } else {
          $('#foo').html(foo[vals[0]]).show();
        }
      }
      if (vals[1]) {
        if (bar[vals[1]] === void 0) {
          $('#message').append("<div>bar: " + vals[1] + " is undefined</div>");
        } else {
          $('#bar').html(bar[vals[1]]).show();
        }
      }
      if (vals[2] && vals[2].length === 2) {
        if (baz[vals[2]] === void 0) {
          return $('#message').append("<div>baz: " + vals[2] + " is undefined</div>");
        } else {
          return $('#baz').html(baz[vals[2]]).show();
        }
      }
    }).keyup();
  });

    </script>
  </head>
  <body>
    <input type="text" id="oops" value="0897" />
    <label id="foo"></label>
    <label id="bar"></label>
    <label id="baz"></label>
    <div id="message"></div>
  </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>what the hell</title>
	<style>
	#foo { color: red }
	#bar { color: green }
	#baz { color: blue }
	#bar:before,#baz:before {
	color: black;
	content: ' < ';
	}
	</style>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script>

	$(document).ready(function() {
	var bar, baz, foo;
	foo = {
	0: '一般',
	1: '教養',
	2: '実用',
	3: '専門',
	5: '婦人',
	6: '学参I（小中）',
	7: '学参II（高校）',
	8: '児童',
	9: '雑誌扱い'
	};
	bar = {
	0: '単行本',
	1: '文庫',
	2: '新書',
	3: '全集・双書',
	4: 'ムック・その他',
	5: '事・辞典',
	6: '図鑑',
	7: '絵本',
	8: '磁性媒体など',
	9: 'コミック'
	};
	baz = {
	'00': '総記',
	'01': '百科事典',
	'02': '年鑑・雑誌',
	'04': '情報科学',
	10: '哲学',
	11: '心理（学）',
	12: '倫理（学）',
	14: '宗教',
	15: '仏教',
	16: 'キリスト教',
	20: '歴史総記',
	21: '日本歴史',
	22: '外国歴史',
	23: '伝記',
	25: '地理',
	26: '旅行',
	30: '社会科学総記',
	31: '政治-含む国防軍事',
	32: '法律',
	33: '経済・財政・統計',
	34: '経営',
	36: '社会',
	37: '教育',
	39: '民族・風習',
	40: '自然科学総記',
	41: '数学',
	42: '物理学',
	43: '化学',
	44: '天文・地学',
	45: '生物学',
	47: '医学・歯学・薬学',
	50: '工学・工学総記',
	51: '土木',
	52: '建築',
	53: '機械',
	54: '電気',
	55: '電子通信',
	56: '海事',
	57: '採鉱・冶金',
	58: 'その他の工業',
	60: '産業総記',
	61: '農林業',
	62: '水産業',
	63: '商業',
	65: '交通・通信',
	70: '芸術総記',
	71: '絵画・彫刻',
	72: '写真・工芸',
	73: '音楽・舞踊',
	74: '演劇・映画',
	75: '体育・スポーツ',
	76: '諸芸・娯楽',
	77: '家事',
	79: 'コミックス・劇画',
	80: '語学総記',
	81: '日本語',
	82: '英米語',
	84: 'ドイツ語',
	85: 'フランス語',
	87: '各国語',
	90: '文学総記',
	91: '日本文学総記',
	92: '日本文学詩歌',
	93: '日本文学、小説・物語',
	95: '日本文学、評論、随筆、その他',
	97: '外国文学小説',
	98: '外国文学、その他'
	};
	return $('#oops').keyup(function() {
	var val, vals;
	val = $(this).val();
	$('#foo,#bar,#baz').empty().hide();
	$('#message').empty();
	vals = [val.substring(0, 1), val.substring(1, 2), val.substring(2, 4)];
	if (vals[0]) {
	if (foo[vals[0]] === void 0) {
	$('#message').append("<div>foo: " + vals[0] + " is undefined</div>");
	} else {
	$('#foo').html(foo[vals[0]]).show();
	}
	}
	if (vals[1]) {
	if (bar[vals[1]] === void 0) {
	$('#message').append("<div>bar: " + vals[1] + " is undefined</div>");
	} else {
	$('#bar').html(bar[vals[1]]).show();
	}
	}
	if (vals[2] && vals[2].length === 2) {
	if (baz[vals[2]] === void 0) {
	return $('#message').append("<div>baz: " + vals[2] + " is undefined</div>");
	} else {
	return $('#baz').html(baz[vals[2]]).show();
	}
	}
	}).keyup();
	});

	</script>
	</head>
	<body>
	<input type="text" id="oops" value="0897" />
	<label id="foo"></label>
	<label id="bar"></label>
	<label id="baz"></label>
	<div id="message"></div>
	</body>
	</html>