From 0c239626dd63d016635f4fd939f1dd9655998c67 Mon Sep 17 00:00:00 2001
From: kong0107 <kong0107@gmail.com>
Date: Mon, 1 Apr 2013 00:42:00 +0800
Subject: [PATCH] 0.2.6

2012-04-12
---
 README                  |  48 ++++++++
 constitutionalcourt.css |  13 ++
 constitutionalcourt.js  |   2 +
 functions.js            |  54 +++++++++
 icon.png                | Bin 0 -> 2211 bytes
 jirs.css                |   3 +
 jirs.js                 |   9 ++
 ly.css                  |  35 ++++++
 ly.js                   |  68 +++++++++++
 main.css                |   3 +
 manifest.json           |  38 ++++++
 parseAndReplace.js      | 254 ++++++++++++++++++++++++++++++++++++++++
 popup.html              |  47 ++++++++
 popup.js                |   0
 popup_big5ForLy.html    |  24 ++++
 test.html               |  16 +++
 16 files changed, 614 insertions(+)
 create mode 100644 README
 create mode 100644 constitutionalcourt.css
 create mode 100644 constitutionalcourt.js
 create mode 100644 functions.js
 create mode 100644 icon.png
 create mode 100644 jirs.css
 create mode 100644 jirs.js
 create mode 100644 ly.css
 create mode 100644 ly.js
 create mode 100644 main.css
 create mode 100644 manifest.json
 create mode 100644 parseAndReplace.js
 create mode 100644 popup.html
 create mode 100644 popup.js
 create mode 100644 popup_big5ForLy.html
 create mode 100644 test.html

diff --git a/README b/README
new file mode 100644
index 0000000..e8e9c66
--- /dev/null
+++ b/README
@@ -0,0 +1,48 @@
+an extension for Chrome browser to view Taiwan's law articles/websites easier
+author: kong0107
+last update: 2012-04-12
+
+例示：http://images.plurk.com/c27a95275c55a8ccc4f8e39704df1875.jpg
+
+功能：
+一、自動轉換條號、卷期等。
+如「民法第一千零七十六條之一第一項第二款」將變為「民法§1076-1 I(2)」；
+如「立法院公報第八十卷第二十二期第一０七頁」將變為「立法院公報vol. 80, no. 22, p.107」。
+另外如條文中的「前條第一項第三款至第六款」則會變為「前條 I(3)至(6)」
+
+二、將滑鼠移置被轉換後的文字，即會顯示原本的文字。
+但如為可編輯之純文字框，如<textarea />，即無此效果。
+
+三、將憲法與大法官釋字加上連結
+除非原本即已是連結。
+
+
+使用限制與臭蟲：
+一、限Google瀏覽器，Chrome 18版或更新為佳。
+二、互動式網頁如Gmail、Facebook和Plurk的幾乎無效果。
+三、法規若有分章節款目，其中「款」與「目」亦會被轉換。
+四、數個釋字或憲法條文並列時，僅有第一個會被轉換為連結。
+五、以換行字元強制換行的排版網頁（如「全國法規資料庫」及司法院的裁判書查詢）中，可能會將數行併成過長的一行。
+六、以<br />強制換行的字串尚不會被偵測到。
+
+
+其他使用說明：
+一、為方便複製至純文字編輯器如「記事本」，羅馬數字以英文組合而不以內碼表的符號顯示。「款」的圈圈數字亦同。
+二、大陸地區與聯合國文件中，「項」與「款」的順序與台灣地區相反，但本外掛沒有考量此部分。
+
+
+
+開發說明：
+
+Google說「需支付一次性的開發人員註冊費 US$5.00」，所以我（還）沒有放在「Chrome 線上應用程式商店」。
+
+原本是以字串取代的方式去改變document.body.innerHTML（之前的0.1.8版即是如此），但發現有三個難處：
+一、有（類似）onLoad function的網頁（如「全國法規資料庫」的首頁）即會無後續動作。
+二、不知道要怎麼樣避開HTML tag的屬性中的字串。（如各釋字專頁）。
+三、不知道怎麼偵測「是否已在<a />中」。
+所以後來就改成用遞迴方式跑過整個HTML的DOM tree，抓出textNode來處理，但是這樣又會變成勢必得用document.createElement和appendChild等DOM方法，而不能用innerHTML。
+因為可能有多個規則，所以每次遇到一個textNode，處理概念如下：
+準備： [text]
+經過第一個規則： [text1_1, element1_1, text1_2, element1_2, text1_3]
+經過第二個規則： [text1_1, element1_1, text2_1, element2_1, text2_2, element1_2, text1_3]
+最後則用新的node array代換掉原本的textNode。
\ No newline at end of file
diff --git a/constitutionalcourt.css b/constitutionalcourt.css
new file mode 100644
index 0000000..3989558
--- /dev/null
+++ b/constitutionalcourt.css
@@ -0,0 +1,13 @@
+.lawArticle {
+  font-size: inherit;
+}
+
+.t1 {
+  line-height: 175%;
+  text-indent: 2em;
+  margin-bottom: 0.5em;
+}
+
+object {
+  display: none;
+}
\ No newline at end of file
diff --git a/constitutionalcourt.js b/constitutionalcourt.js
new file mode 100644
index 0000000..7ce68f9
--- /dev/null
+++ b/constitutionalcourt.js
@@ -0,0 +1,2 @@
+dump = document.getElementsByTagName('TR')[0];
+dump.parentNode.removeChild(dump);
\ No newline at end of file
diff --git a/functions.js b/functions.js
new file mode 100644
index 0000000..ac98999
--- /dev/null
+++ b/functions.js
@@ -0,0 +1,54 @@
+chDigit = '零壹貳參肆伍陸柒捌玖〇一二三四五六七八九０１２３４５６７８９○ㄧ';
+chTenth = '十百千拾佰仟什';
+chNumber = '\\d' + chDigit + chTenth;
+
+function chNum2int(str) {
+  var i, result, pos;
+  str = str.replace(new RegExp('[^' + chNumber + ']', 'g'), '');
+  // 有時會是零開頭喔!!
+  if(!isNaN(parseInt(str))) return str;
+  if(!new RegExp('[' + chTenth + ']', 'g').test(str)) {
+    result = '';
+    for(i = 0; i < str.length; i++)
+      result += chDigit.indexOf(str.charAt(i)) % 10;
+    return result;
+  }
+
+  result = '0';
+  str = str.replace(/^[十什拾]/, '一十');
+  str = str.replace(new RegExp('([^' + chDigit + '])[十什拾]', 'g'), '$1一十');
+  for(i = 0; i < str.length; i++) {
+    pos = chDigit.indexOf(str.charAt(i)) % 10;
+    if(pos > 0) {result += '+' + pos; continue;} // zero could be ignored
+    pos = chTenth.indexOf(str.charAt(i)) % 3;
+    if(pos >= 0)
+      result += '*' + [10, 100, 1000][pos];
+  }
+  return eval(result);
+}
+
+function int2roman(num, lower) {
+  /*
+    Note that:
+    1. There may be more than one way to represent the same integer.
+       See also Wikipedia, 'Roman numerals.'
+    2. This function allows only positive integer less than 4000.
+    3. This function works just as CSS' "list-style-type: upper-roman"
+  */
+  lower = Boolean(lower);
+  var result = '';
+  var r = [
+    //['', 'Ⅰ', 'Ⅱ', 'Ⅲ', 'Ⅳ', 'Ⅴ', 'Ⅵ', 'Ⅶ', 'Ⅷ', 'Ⅸ'],
+    ['', 'I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX'],
+    ['', 'X', 'XX', 'XXX', 'XL', 'L', 'LX', 'LXX', 'LXXX', 'XC'],
+    ['', 'C', 'CC', 'CCC', 'CD', 'D', 'DC', 'DCC', 'DCCC', 'CM'],
+    ['', 'M', 'MM', 'MMM']
+  ];
+  num = parseInt(num);
+  if(isNaN(num) || num <= 0 || num >= 4000) return num;
+  if(num <= 12) return unescape('%u' + (0x215f + (lower*16) + num).toString(16));
+  for(var i = 3; i >= 0; i--)
+    result += r[i][parseInt(num % Math.pow(10, i+1) / Math.pow(10, i))];
+  if(typeof lower != 'undefined' && lower) result = result.toLowerCase();
+  return result;
+}
\ No newline at end of file
diff --git a/icon.png b/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..0a4e8fe07366e782075048e47fdcd904876dc914
GIT binary patch
literal 2211
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
LuJ#Y?=!yRYn~}jl

literal 0
HcmV?d00001

diff --git a/jirs.css b/jirs.css
new file mode 100644
index 0000000..883abb2
--- /dev/null
+++ b/jirs.css
@@ -0,0 +1,3 @@
+pre {
+  line-height: 150%;
+}
\ No newline at end of file
diff --git a/jirs.js b/jirs.js
new file mode 100644
index 0000000..da974c1
--- /dev/null
+++ b/jirs.js
@@ -0,0 +1,9 @@
+function pic2text(node) {
+  var images = node.getElementsByTagName('IMG');
+  for(var i = 0; i < images.length; i++) {
+    if(images[i].src == 'http://210.69.124.103/ASTAR/100E3722A0C00000040.GIF') {
+      images[i].parentNode.replaceChild(document.createTextNode('參'), images[i]);
+    }
+  }
+}
+pic2text(document.getElementsByTagName('PRE')[0]);
\ No newline at end of file
diff --git a/ly.css b/ly.css
new file mode 100644
index 0000000..7487171
--- /dev/null
+++ b/ly.css
@@ -0,0 +1,35 @@
+ol {
+  margin: 0;
+}
+
+.singlePara {
+  list-style-type: disc;
+  padding-left: 1.5em;
+}
+
+.paraList {
+  list-style-type: upper-roman;
+  padding-left: 1.5em;
+}
+
+.catList {
+  padding-left: 4em;
+  text-indent: -4em;
+}
+
+.subsecList {
+  list-style-type: none;
+  padding-left: 2em;
+  text-indent: -2em;
+}
+
+.itemList {
+  list-style-type: none;
+  padding-left: 1.7em;
+  text-indent: -1.7em;
+}
+
+li {
+  line-height: 150%;
+  padding: 0.25em 0;
+}
\ No newline at end of file
diff --git a/ly.js b/ly.js
new file mode 100644
index 0000000..fb4d2a7
--- /dev/null
+++ b/ly.js
@@ -0,0 +1,68 @@
+/*
+Bugs:
+2. 所得稅法§14有「第某類」，§17有「1.」（第某目之一）和不知道該怎麼叫的「(1)」。
+3. 有些「（刪除）」前面沒有空白，因而沒能偵測到。小心章節目款也會有「（刪除）」
+
+Note: 這裡的「目」是用半行空白，但全國法規資料庫那邊的括號都是全形。
+*/
+
+depths = [
+  {'name': 'article'},
+  {'name': 'paragraph'},
+  {'name': 'category', 'regex': /^第[一二三四五六七八九十]+類：/},
+  {'name': 'subsection', 'regex': /^[一二三四五六七八九十]+、/},
+  {'name': 'item', 'regex': /^\([一二三四五六七八九十]+\)/},
+  {'name': 'depth5', 'regex': /^\d+\./},
+  {'name': 'depth6', 'regex': /^\(\d+\)/}
+];
+function parseNodesWithLawTexts(nodes) {
+  //var regex = /^\s*(　　[^<]+<br>\s*)+$/;
+  var regex = /^\s*　　/;
+  var i, j, node, working, paraList, lines, prevDepth, depth, cur;
+  for(i = 0; i < nodes.length; i++) {
+    regex.lastIndex = 0;
+    if(regex.test(nodes[i].innerHTML)) {
+      node = document.createElement('TD');
+      working = paraList = document.createElement('OL');
+      node.appendChild(paraList);
+      lines = nodes[i].innerHTML.replace(/[　\n\r]/g, '').split('<br>');
+      for(prevDepth = 1, j = 0; j < lines.length; j++, prevDepth = depth) {
+        if(lines[j] == '') continue;
+        if(lines[j].substr(0, 2) == '<a') {
+          cur = document.createElement('A');
+          cur.href = lines[j].match(/href=\"?([^\"\s]*)\"?\s/)[1];
+          cur.target = '_blank';
+          cur.appendChild(document.createTextNode(
+            lines[j].substring(lines[j].indexOf('>')+1, lines[j].indexOf('<', 1))
+          ));
+          node.appendChild(cur);
+          continue;
+        }
+
+        if(/^\(\d+\)/.test(lines[j])) depth = 5;
+        else if(/^\d+\./.test(lines[j])) depth = 4;
+        else if(/^\([一二三四五六七八九十]+\)/.test(lines[j])) depth = 3; // for items
+        else if(/^[一二三四五六七八九十]+、/.test(lines[j])) depth = 2; // for subsections
+        else if(/^第[一二三四五六七八九十]+類：/.test(lines[j])) depth = 1.5; // for 所得稅§14
+        else depth = 1; // for paragraphs
+        if(depth > prevDepth) {
+          //if(!working.lastChild) working.appendChild(document.createElement('LI'));
+          if(working.lastChild) {
+            working.lastChild.appendChild(document.createElement('OL'));
+            working = working.lastChild.lastChild;
+          }
+          working.classList.add((depth==2)?'subsecList':'itemList');
+        }
+        else if(depth < prevDepth)
+          working = (depth == 1) ? paraList : working.parentNode.parentNode;
+        cur = document.createElement('LI');
+        cur.appendChild(document.createTextNode(lines[j].replace(/<[^>]*>/g, '')));
+        working.appendChild(cur);
+      }
+      paraList.classList.add((paraList.childElementCount > 1) ? 'paraList' : 'singlepara');
+      nodes[i].parentNode.replaceChild(node, nodes[i]);
+    }
+  }
+}
+
+parseNodesWithLawTexts(document.getElementsByTagName('TD'));
\ No newline at end of file
diff --git a/main.css b/main.css
new file mode 100644
index 0000000..532bce0
--- /dev/null
+++ b/main.css
@@ -0,0 +1,3 @@
+.lawArticle {
+  padding: 0 0.15em;
+}
\ No newline at end of file
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..0ba9ab6
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,38 @@
+{
+  "name": "zhLawEasyRead",
+  "manifest_version": 2,
+  "version": "0.2.6",
+  "description": "Replace chinese words of sequence number of law articles into arabic or roman numerals.",
+  "permissions": [
+    "chrome-extension://*/*"
+  ],
+  "browser_action": {
+    "default_icon": "icon.png",
+    "default_popup": "popup.html"
+  },
+  "content_scripts": [
+    {
+      "matches": ["http://www.judicial.gov.tw/constitutionalcourt/p03_01.asp*"],
+      "css": ["constitutionalcourt.css"],
+      "js": ["constitutionalcourt.js"]
+    },
+    {
+      "matches": ["http://jirs.judicial.gov.tw/*"],
+      "css": ["jirs.css"],
+      "js": ["jirs.js"]
+    },
+    {
+      "matches": ["http://lis.ly.gov.tw/*"],
+      "css": ["ly.css"],
+      "js": ["ly.js"]
+    },
+    {
+      "matches": ["<all_urls>"],
+      "css": ["main.css"],
+      "js": [
+        "functions.js",
+        "parseAndReplace.js"
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/parseAndReplace.js b/parseAndReplace.js
new file mode 100644
index 0000000..aaf6a44
--- /dev/null
+++ b/parseAndReplace.js
@@ -0,0 +1,254 @@
+/*
+  Bugs:
+    1. 編章節款目
+  To-do list:
+    2. 判決書連結－－至少先做台上字/(最高法?院)?%NUMBER%年?台([上抗])字第%NUMBER%號(刑事|民事)?(裁定|判決|判例)?/
+    4. 預覽
+    5. 連續的釋字或條文: "迭經本院釋字第四三二號、第五二一號、第五九四號及第六０二號解釋闡釋在案"
+    6. 跳脫／不轉換的class（如className "noReduce"）
+    7. 自動斷行的處理
+*/
+
+replaceRules = [
+  {
+    "description": "憲法（錯誤：「英國憲法」跟「日本憲法」也會被轉換）",
+    "splitter": "((我|中華民)國)?憲法第\\d+條",
+    "splitterNeedSpace": true,
+    "replacer": function(text) {
+      var num = chNum2int(text);
+      return {
+        "origin": text,
+        "reduced": "憲§" + num,
+        "link": "http://law.moj.gov.tw/LawClass/LawSingle.aspx?Pcode=A0000001&FLNO=" + num
+      };
+    },
+  },
+  {
+    "description": "大法官解釋",
+    "splitter": "(司法院|本院)?釋字?第?\\d+號(解釋(?!文))?",
+    "splitterNeedSpace": true,
+    "replacer": function(text) {
+      var jyi = chNum2int(text);
+      return {
+        "origin": text,
+        "reduced": "釋#" + jyi,
+        "link": "http://www.judicial.gov.tw/constitutionalcourt/p03_01.asp?expno=" + jyi
+      };
+    }
+  },
+  {
+    "description": "第幾號",
+    "splitter": "第\\d+號",
+    "splitterNeedSpace": false,
+    "replacer": function(text) {
+      return {
+        "origin": text,
+        "reduced": "#" + chNum2int(text),
+      };
+    }
+  },
+  {
+    "description": "條號",
+    "splitter": "(第\\d+(之\\d+)?[條項款目號卷期頁][　\\s]*(之\\d+)?)+",
+    "replacer": function(text) {
+      var match, num, result = '';
+      var regex = "第\\d+(?:之\\d+)?([條項款目號卷期頁])(?:之\\d+)?";
+      regex = regex.replace(/\\d\+/g, '([' + chNumber + ']+)');
+      regex = new RegExp(regex, 'g');
+      var parts = text.match(regex);
+      for(var i = 0; i < parts.length; i++) {
+        regex.lastIndex = 0;
+        match = regex.exec(parts[i]);
+        num = chNum2int(match[1]);
+        switch(match[3]) {
+          case '條':
+            result += '§' + num;
+            break;
+          case '項':
+            if(result.length) result += ' ';
+            result += int2roman(num);
+            break;
+          case '款':
+            /*if(num <= 20)
+              result += unescape('%u' + (0x245f + num).toString(16));
+            else*/ result += '(' + num + ')';
+            break;
+          case '目':
+            result += int2roman(num, true);
+            break;
+          case '號':
+            result += '#' + num;
+            break;
+          case '卷':
+            result += 'vol. ' + num;
+            break;
+          case '期':
+            if(result.length) result += ', ';
+            result += 'no. ' + num;
+            break;
+          case '頁':
+            if(result.length) result += ', ';
+            result += 'p.' + num;
+            break;
+        }
+        num = match[2] || match[4];
+        if(typeof num != 'undefined') result += '-' + chNum2int(num);
+      }
+      return {
+        "origin": text,
+        "reduced": result
+      };
+    }
+  },
+  {
+    "description": "日期",
+    "splitter": "(((中華)?民國|西元)?\\d+年)?\\d+月\\d+日",
+    "splitterNeedSpace": true,
+    "replacer": function(text) {
+      var regex = new RegExp('([' + chNumber + ']+)', 'g');
+      var parts = text.match(regex);
+      for(var i = 0; i < parts.length; i++)
+        parts[i] = chNum2int(parts[i]);
+      return {
+        "origin": text,
+        "reduced": parts.join('.'),
+      };
+    }
+  },
+  {
+    "description": "年月",
+    "splitter": "((中華)?民國|西元)?\\d+年(\\d+月)?",
+    "splitterNeedSpace": true,
+    "replacer": function(text) {
+      var regex = new RegExp('([' + chNumber + ']+)', 'g');
+      var parts = text.match(regex);
+      var result = chNum2int(parts[0]) + '年';
+      if(parts.length > 1) result += chNum2int(parts[1]) + '月';
+      return {
+        "origin": text,
+        "reduced": result
+      };
+    }
+  },
+  {
+    "description": "時間",
+    "splitter": "(上午|下午|凌晨|傍晚|清晨)?[　\\s]*(\\d+[時分秒]){2,3}",
+    "splitterNeedSpace": false,
+    "replacer": function(text) {
+      var regex = new RegExp('([' + chNumber + ']+)', 'g');
+      var parts = text.match(regex);
+      for(var i = 0; i < parts.length; i++)
+        parts[i] = chNum2int(parts[i]);
+      if(text.charAt(0) == '下') parts[0] = parts[0] % 12 + 12;
+      return {
+        "origin": text,
+        "reduced": ' ' + parts.join(':'),
+      };
+    }
+  },
+  {
+    "description": "法院名稱",
+    "splitter": "(臺灣|台灣|福建)?([^\s]{2}地方|高等)法院(檢察署)?",
+    "splitterNeedSpace": true,
+    "replacer": function(text) {
+      var result, pos;
+      if((pos = text.indexOf('地方')) >= 0) result = text.substr(pos - 2, 3);
+      else if(text.charAt(0) != '福') result = '高';
+      else result = '福建高';
+      result += (text.indexOf('檢察署')>=0) ? '檢署' : '院';
+      return {
+        "origin": text,
+        "reduced": result
+      };
+    }
+  }
+];
+
+for(i = 0; i < replaceRules.length; i++) {
+  str = replaceRules[i].splitter;
+  // Add space before each chinese word, BUT 在方括號裡就爆炸了啦 QQ
+  if(replaceRules[i].splitterNeedSpace)
+    str = str.replace(/([^\x00-\x7F])/g, '[　\\s]*$1');
+  // Convert `\d+` to `chNumber`+, and add space, too.
+  str = str.replace(/\\d\+/g, '[　\\s]*[' + chNumber + '][　\\s' + chNumber + ']*');
+  // `String.split()` would list matched sub-expression, but I don't need it.
+  str = str.replace(/\((?![?])/g, '(?:');
+  replaceRules[i].splitter = new RegExp(str, 'g');
+}
+
+parser(document.body);
+
+function parser(node, inSpecial) {
+  var next;
+  switch(node.nodeType) {
+    case Node.ELEMENT_NODE:
+      if(['A', 'TEXTAREA'].indexOf(node.nodeName) >= 0)
+        inSpecial = node.nodeName;
+      for(var cur = node.firstChild; cur; cur = next) {
+        next = cur.nextSibling;
+        /*
+          There may be insertion between `cur` and `next` later;
+          therefore this shouldn't be `cur = cur.nextSibling`.
+        */
+        parser(cur, inSpecial);
+      }
+      return;
+    case Node.TEXT_NODE:
+      var nl = replacer(node, inSpecial);
+      node.parentNode.replaceChild(nl[0], node);
+      node = nl[0];
+      next = node.nextSibling;
+      for(var i = 1; i < nl.length; i++)
+        if(next) node.parentNode.insertBefore(nl[i], next);
+        else node.parentNode.appendChild(nl[i]);
+      return;
+  }
+}
+
+function replacer(textNode, inSpecial) {
+  // Input: textNode; Output: array of nodes
+  var pureTexts = [textNode.data], formattedMatches = [];
+  var i, j, k, splitted, matches;
+  for(i = 0; i < replaceRules.length; i++) {
+    var regex = replaceRules[i].splitter;
+    for(j = 0; j < pureTexts.length; j++) {
+      if(pureTexts[j].replace(/[\x00-\x7F]/g, '').length < 3) continue;
+      splitted = pureTexts[j].split(replaceRules[i].splitter);
+      if(splitted.length == 1) continue; // This means there's no match.
+      matches = pureTexts[j].match(replaceRules[i].splitter);
+      pureTexts = pureTexts.slice(0, j).concat(splitted, pureTexts.slice(j+1, pureTexts.length));
+      for(k = 0; k < matches.length; k++)
+        formattedMatches.splice(j + k, 0,
+          replaceRules[i].replacer(matches[k].replace(/[　\s]/g, ''))
+        );
+      j += matches.length;
+    }
+  }
+
+  if(pureTexts.length == 1) return [textNode]; // This means there's no match.
+  var result = [], text, node, info;
+  for(text = pureTexts.shift(); pureTexts.length; text = pureTexts.shift()) {
+    if(text.length) result.push(document.createTextNode(text));
+    info = formattedMatches.shift();
+
+    if(inSpecial == 'TEXTAREA')
+      node = document.createTextNode(info.reduced);
+    else {
+      if(inSpecial == 'A' || !info.link)
+        node = document.createElement('SPAN');
+      else {
+        node = document.createElement('A');
+        node.setAttribute('href', info.link);
+        node.setAttribute('target', '_blank');
+      }
+      node.setAttribute('title', info.origin);
+      node.classList.add('lawArticle');
+      node.appendChild(document.createTextNode(info.reduced));
+
+    }
+    result.push(node);
+  }
+  if(text.length) result.push(document.createTextNode(text));
+
+  return result;
+}
\ No newline at end of file
diff --git a/popup.html b/popup.html
new file mode 100644
index 0000000..eeac9e6
--- /dev/null
+++ b/popup.html
@@ -0,0 +1,47 @@
+<!doctype html>
+<html>
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=utf-8">
+    <title>Popup</title>
+    <base target="_blank" />
+    <style>
+      body {
+        min-width: 300px;
+      }
+      iframe {
+        display: block;
+        border: 0;
+        height: 2em;
+      }
+    </style>
+    <!-- JavaScript and HTML must be in separate files for security. -->
+    <script src="popup.js"></script>
+  </head>
+  <body>
+    <ul>
+      <li>
+        <a href='http://law.moj.gov.tw/'>[法務部]全國法規資料庫</a>
+        <form method="get" action="http://law.moj.gov.tw/Law/LawSearchResult.aspx">
+          <input type="text" name="k1" />
+          <input type="hidden" name="p" value="A" />
+          <input type="hidden" name="t" value="E1F1A1A2" />
+          <input type="submit" value="搜尋法規" />
+        </form>
+      </li>
+      <li><a href='http://jirs.judicial.gov.tw/'>[司法院]法學資料檢索</a></li>
+      <li>
+        <a href='http://www.judicial.gov.tw/constitutionalcourt/p03.asp'>[司法院]大法官解釋</a>
+        <form method="get" action="http://www.judicial.gov.tw/constitutionalcourt/p03_01.asp">
+          釋字第<input type="text" name="expno" size="4" />號
+          <input type="submit" value="前往" />
+        </form>
+      </li>
+      <li>
+        <a href='http://lis.ly.gov.tw/lgcgi/lglaw'>[立法院]法律系統</a>
+        <!--iframe src="./popup_big5ForLy.html"></iframe-->
+      </li>
+      <li><a href='http://npl.ly.gov.tw/do/www/lawTrack'>[立法院]法案追蹤</a></li>
+      <li><a href='http://www.president.gov.tw/Default.aspx?tabid=84'>[總統府]公報</a></li>
+    </ul>
+  </body>
+</html>
diff --git a/popup.js b/popup.js
new file mode 100644
index 0000000..e69de29
diff --git a/popup_big5ForLy.html b/popup_big5ForLy.html
new file mode 100644
index 0000000..2b81c55
--- /dev/null
+++ b/popup_big5ForLy.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=big5">
+    <title>Big5</title>
+    <base target="_blank" />
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+        overflow: hidden;
+      }
+    </style>
+  </head>
+  <body>
+    <form method="post" action="http://lis.ly.gov.tw/lgcgi/lglaw?@@846930886">
+      <input type="text" name="LW" />
+      <input type="hidden" name="SCRNMSG" value="1:1:1:1" />
+      <input type="hidden" name="_TTS_ACTION" value="1" />
+      <input type="hidden" name="_TTS_CONTROL_" value="236:1804289383:1" />
+      <input type="submit" value="�j�M�k��" />
+    </form>
+  </body>
+</html>
diff --git a/test.html b/test.html
new file mode 100644
index 0000000..d869931
--- /dev/null
+++ b/test.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<html>
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=utf-8">
+    <title>Popup</title>
+    <style type="text/css">
+      .sequenceNumber {
+        border-bottom: 1px solid gray;
+      }
+    </style>
+    <!-- JavaScript and HTML must be in separate files for security. -->
+    <script src="popup.js"></script>
+  </head>
+  <body>啊哈哈哈第零九八六號<br />第六六六 號
+  </body>
+</html>