html5/spec-ja/ja-script.js

document.documentElement.ondblclick = function (event) {
  var container = getEJContainer (event.target);
  if (container && !container.jaForm) {
    insertJaForm (container);
    return false;
  }

  return true;
}; // document.documentElement.ondblclick

function getEJContainer (n) {
  while (n) {
    if (n.hasAttribute && n.hasAttribute ('data-ja-hash')) {
      return n;
    }
    n = n.parentNode;
  }
  return null;
} // getEJContainer

function insertJaForm (targetNode) {
  var form = document.createElement ('form');
  form.action = 'javascript:void (0)';

  form.innerHTML = "<p><label>Original text:<br><textarea name=en></textarea></label><br>(<label><input name=pattern type=checkbox> Pattern</label>)<p><label>Translated text:<br><textarea name=ja></textarea></label><p><label>Tags:<br><textarea name=tags></textarea></label><p><button type=submit class=ja-save-button>Save</button> <button type=button class=ja-close-button>Close</button>";
  
  form.onchange = function () {
    form.jaFormChanged = true;
  }; // form.onchange

  form.onsubmit = function () {
    form.jaFormChanged = false;
  }; // form.onsubmit

  form.getElementsByTagName ('button')[0].disabled = true; // Submit

  form.getElementsByTagName ('button')[1].onclick = function () {
    if (!form.jaFormChanged ||
        confirm ('Changes are discarded.')) {
      targetNode.jaForm = null;
      form.parentNode.removeChild (form);
    }
  }; // "Close".onclick

  targetNode.jaForm = form;

  var hash = targetNode.getAttribute ('data-ja-hash');
  var req = new XMLHttpRequest ();
  req.open ('GET', 'edit2/' + hash + '.json', true);
  req.onreadystatechange = function () {
    if (req.readyState == 4) {
      if (req.status >= 200 && req.status < 400) {
        var entry = eval ("(" + req.responseText + ")");

        form.action = 'edit2/';
        form.method = 'post';
        form.acceptCharset = 'utf-8';

        form.getElementsByTagName ('button')[0].disabled = false;
 
        form.getElementsByTagName ('textarea')[0].value = entry.en;
        form.getElementsByTagName ('textarea')[1].value = entry.ja || '';
        form.getElementsByTagName ('textarea')[2].value = entry.tags.join ("\n");
        form.getElementsByTagName ('input')[0].checked = entry.isPattern;

        insertInterfaceElement (form, targetNode);
      }
    }
  }; // onreadystatechange
  req.send (null);
} // insertJaForm

function insertInterfaceElement (insertedElement, contextElement) {
  var parent = contextElement.parentNode;
  var prev = contextElement;
  while (true) {
    if (!parent.parentNode) break;
    var ln = parent.nodeName.toLowerCase ();
    if (ln == 'tr' || ln == 'tbody' || ln == 'thead' || ln == 'tfoot' ||
        ln == 'table' || ln == 'pre') {
      prev = parent;
      parent = parent.parentNode;
    } else {
      break;
    }
  }

  parent.insertBefore (insertedElement, prev.nextSibling);
} // insertInterfaceElement
1	wakaba	1.1	document.documentElement.ondblclick = function (event) {
2			var container = getEJContainer (event.target);
3			if (container && !container.jaForm) {
4			insertJaForm (container);
5			return false;
6			}
7
8			return true;
9			}; // document.documentElement.ondblclick
10
11			function getEJContainer (n) {
12			while (n) {
13			if (n.hasAttribute && n.hasAttribute ('data-ja-hash')) {
14			return n;
15			}
16			n = n.parentNode;
17			}
18			return null;
19			} // getEJContainer
20
21			function insertJaForm (targetNode) {
22			var form = document.createElement ('form');
23			form.action = 'javascript:void (0)';
24
25			form.innerHTML = "<p><label>Original text:<br><textarea name=en></textarea></label><br>(<label><input name=pattern type=checkbox> Pattern</label>)<p><label>Translated text:<br><textarea name=ja></textarea></label><p><label>Tags:<br><textarea name=tags></textarea></label><p><button type=submit class=ja-save-button>Save</button> <button type=button class=ja-close-button>Close</button>";
26
27			form.onchange = function () {
28			form.jaFormChanged = true;
29			}; // form.onchange
30
31			form.onsubmit = function () {
32			form.jaFormChanged = false;
33			}; // form.onsubmit
34
35			form.getElementsByTagName ('button')[0].disabled = true; // Submit
36
37			form.getElementsByTagName ('button')[1].onclick = function () {
38			if (!form.jaFormChanged \|\|
39			confirm ('Changes are discarded.')) {
40			targetNode.jaForm = null;
41			form.parentNode.removeChild (form);
42			}
43			}; // "Close".onclick
44
45			targetNode.jaForm = form;
46
47			var hash = targetNode.getAttribute ('data-ja-hash');
48			var req = new XMLHttpRequest ();
49			req.open ('GET', 'edit2/' + hash + '.json', true);
50			req.onreadystatechange = function () {
51			if (req.readyState == 4) {
52			if (req.status >= 200 && req.status < 400) {
53			var entry = eval ("(" + req.responseText + ")");
54
55			form.action = 'edit2/';
56			form.method = 'post';
57			form.acceptCharset = 'utf-8';
58
59			form.getElementsByTagName ('button')[0].disabled = false;
60
61			form.getElementsByTagName ('textarea')[0].value = entry.en;
62			form.getElementsByTagName ('textarea')[1].value = entry.ja \|\| '';
63			form.getElementsByTagName ('textarea')[2].value = entry.tags.join ("\n");
64			form.getElementsByTagName ('input')[0].checked = entry.isPattern;
65
66			insertInterfaceElement (form, targetNode);
67			}
68			}
69			}; // onreadystatechange
70			req.send (null);
71			} // insertJaForm
72
73			function insertInterfaceElement (insertedElement, contextElement) {
74			var parent = contextElement.parentNode;
75			var prev = contextElement;
76			while (true) {
77			if (!parent.parentNode) break;
78			var ln = parent.nodeName.toLowerCase ();
79			if (ln == 'tr' \|\| ln == 'tbody' \|\| ln == 'thead' \|\| ln == 'tfoot' \|\|
80			ln == 'table' \|\| ln == 'pre') {
81			prev = parent;
82			parent = parent.parentNode;
83			} else {
84			break;
85			}
86			}
87
88			parent.insertBefore (insertedElement, prev.nextSibling);
89			} // insertInterfaceElement