0

有人可以向我介绍如何为简单的句子对齐任务编写一个简单的 Web (HTML/XML) 界面吗?

任务如下:

网页的第一行是英文句子,需要与以下中文句子匹配:

000325EN    Whatever goes upon two legs is an enemy.

(checkbox)001054ZH  凡靠两条腿行走者皆为仇敌;
(checkbox)001055ZH  凡靠四肢行走者,或者长翅膀者,皆为亲友;
(checkbox)001056ZH  任何动物不得着衣;
(checkbox)001057ZH  任何动物不得卧床;
(checkbox)001058ZH  任何动物不得饮酒;
(checkbox)001059ZH  任何动物不得伤害其他动物;
(checkbox)001060ZH  所有动物一律平等。
(checkbox)Nil       No matching sentence

(submit button) (clear selection button)

用户应该能够单击一个或多个复选框。单击提交按钮时,网页会将一行保存在可附加文本文件中,格式为

SentID<\TAB>@English_sentence<<\TAB>SentID2<\TAB>=Chinese_sentence(例如:

000325EN    @Whatever goes upon two legs is an enemy.   001054ZH    =凡靠两条腿行走者皆为仇敌;

如果有超过 1 个匹配英文句子,它可能看起来像这样

000325EN    @Whatever goes upon two legs is an enemy.   001054ZH    =凡靠两条腿行走者皆为仇敌;  001055ZH    =凡靠四肢行走者,或者长翅膀者,皆为亲友;
4

2 回答 2

2

根据存储数据应该发生的情况,确实可以将它们存储在客户端上,无需任何服务器端脚本,请参阅 HTML5 本地存储设施:https ://developer.mozilla.org/en/dom/storage (包括降级为 cookie 的示例)。

使用 HTML5 获取本地存储数据的一个很好的起点是http://diveintohtml5.ep.io/storage.html

取自http://msdn.microsoft.com/en-us/library/cc197062(v=vs.85).aspx#_global的一个简单示例,并通过上面链接中的 localStorage 检测进行了增强:

<p>
  You have viewed this page
  <span id="count">an untold number of</span>
  time(s).
</p>

<script>
  function supports_html5_storage() {
    try {
      return 'localStorage' in window && window['localStorage'] !== null;
    } catch (e) {
      return false;
    }
  }

  if (supports_html5_storage()) {
    var storage = window.localStorage;
    if (!storage.pageLoadCount) storage.pageLoadCount = 0;
    storage.pageLoadCount = parseInt(storage.pageLoadCount, 10) + 1;
    document.getElementById('count').innerHTML = storage.pageLoadCount;
  }
  else {
    alert('No local storage available!');
  }
</script>
于 2011-07-28T21:01:34.087 回答
0

首先....

用户应该能够单击 1 个或多个单选按钮

单选按钮被设计为一次只允许选择一个按钮。也许您的意思是使用复选框

网页将在可附加的文本文件中保存一行

如果不使用服务器端语言(如 PHP、Ruby、Python 等),这是不可能实现的。

第三,你需要准确地指定你想要什么。单击“提交按钮”时究竟应该发生什么?“句子对齐”是什么意思?

于 2011-07-25T13:17:00.667 回答