- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我正在尝试创建一个网站,该网站的每个单元格中都有一个包含汉字的表格。用户单击单个单元格,每个单元格中的字符显示在表格旁边的文本框中。字符序列在查找表中找到,并且在第二个文本框中提供了英文翻译。这是 HTML:
<html>
<head>
<head>
<title>
Practice translation
</title>
<script
src="http://code.jquery.com/jquery-1.9.1.min.js">
</script>
<script
type="text/javascript"
src="Small1.js">
</script>
<meta
http-equiv="Content-Type"
content="text/html; charset=UTF-8">
<link
rel="shortcut icon"
href="/favicon.ico"
type="image/x-icon">
<link
rel="stylesheet"
type="text/css"
href="Small1.css">
<link
rel="shortcut icon"
href="Pallindrome.ico"
type="image/x-icon">
<link
rel="icon"
href="Pallindrome.ico"
type="image/x-icon">
</head>
</head>
<body>
<table style="text-align:center">
<tbody>
<tr>
<td id= “M13” style="text-align:center" title="“duān“ end, extreme; head; beginning" class="yellow">端</td>
<td id= “N13” style="text-align:center" title="“wú, mó“ negative, no, not; KangXi radical 71" class="yellow">无</td>
<td id= “O13” style="text-align:center" title="“zhōng“ end; finally, in the end" color="#f1c232" class="yellow">终</td>
<td id= “P13” style="text-align:center" title="“shǐ“ begin, start; then, only then" class="yellow">始</td>
<td id= “Q13” style="text-align:center" title="“shī“ poetry; poem, verse, ode"class="yellow">诗</td>
</tr>
<tr>
<td id= “M14” style="text-align:center" title="“bǐ, bì, pí, pǐ“ to compare, liken; comparison; than" class="yellow">比</td>
<td id= “N14” style="text-align:center" title="“píng“ flat, level, even; peaceful" class="green" >平</td>
<td id= “O14” style="text-align:center" title="“shǐ“ begin, start; then, only then" class="green">始</td>
<td id= “P14” style="text-align:center" title="“xuán“ beautiful jade; star" class="green">璇</td>
<td id= “Q14” style="text-align:center" title="“qíng“ feeling, sentiment, emotion" class="yellow">情</td>
</tr>
<tr>
<td id= “M15” style="text-align:center" title="“zuò, zuō, zuó“ make; work; compose, write; act, perform" class="yellow">作</td>
<td id= “N15” style="text-align:center" title="“sū“ revive, resurrect; a species of thyme" class="green">苏</td>
<td id= “O15” style="text-align:center" title="“xīn“ heart; mind, intelligence; soul" class="red" >心</td>
<td id= “P15” style="text-align:center" title="“jī“ pearl that is not quite round" class="green">玑</td>
<td id= “Q15” style="text-align:center" title="“míng“ bright, light, brilliant; clear" class="yellow">明</td>
</tr>
<tr>
<td id= “M16” style="text-align:center" title="“lì, lí“ beautiful, magnificent, elegant" class="yellow">丽</td>
<td id= “N16” style="text-align:center" title="“shì, zhī, jīng“ clan, family; mister" class="green">氏</ td>
<td id= “O16” style="text-align:center" title="“shī“ poetry; poem, verse, ode" class="green">诗</td>
<td id= “P16” style="text-align:center" title="“tú“ diagram; chart, map, picture" class="green" >图</td>
<td id= “Q16” style="text-align:center" title="“xiǎn“ manifest, display; evident, clear" class="yellow" >显 </td>
</tr>
<tr>
<td id= “M17” style="text-align:center" title="“cí“ words, speech, expression, phrase" class="yellow" >辞</ td>
<td id= “N17” style="text-align:center" title="“lǐ“ reason, logic; manage" class="yellow" >理</td>
<td id= “O17” style="text-align:center" title="“xīng, xìng“ thrive, prosper, flourish" class="yellow" >兴</ td>
<td id= “P17” style="text-align:center" title="“yì“ right conduct, righteousness" class="yellow" >义</td>
<td id= “Q17” style="text-align:center" title="“yuàn“ hatred, enmity, resentment" class="yellow" >怨</td>
</tr>
</tbody>
</table>
<br>
这是 CSS:
type="text/css">
.table
{
border-collapse:collapse;
border-spacing:0;
}
.table td
{
font-family:Verdana,sans-serif;
font-size:19px;
padding:10px 5px;
border-style:solid;
border-width:1px;
overflow:hidden;
word-break:normal;
}
.table
.red {color:#fe0000}
.green {color:#32cb00}
.yellow {color:#ffc702}
我的 JAVAScript 查找表是:
var lookupTable = {
"端无终始诗":"The beginning of this poem starts at the end,",
"比平始璇情":"It begins peacefully like a smooth jade star",
"作苏心玑明":"Its creation revived my twisted heart",
"丽氏诗图显":"Clearly this star-chart poem is a classic",
"辞理兴义怨":"Knowledge thrives where good calls out evil",
"端比作丽辞":"The beginning of this work is like a great speech"};
(请注意,并非所有的点击组合都会产生英文翻译)。
我遇到的问题是:
如有任何帮助,我们将不胜感激。尤其是写代码!
最佳答案
为结果添加几个元素:
<div id=output></div>
<div id=translation></div>
然后这段代码将处理点击并产生结果:
function processClick(event) {
var elem = $('#output');
elem.text(elem.text() + $(event.target).text());
$('#translation').text(lookupTable[elem.text()]);
}
$(document).on('click', 'td', processClick);
摆弄代码:
http://jsfiddle.net/6wjeuymj/1/
请注意,使用类名(示例:<div class=translator-puzzle>
... </div>
)围绕表(和结果元素)的包装器将使您能够通过有效地使可重用组件依赖于在类而不是 id 上。
关于html - 用于表和查找表的 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30906285/
我在 GlassFish (J2EE_1.4) 上的 NetBeans 中开发企业项目。我的项目中有一些实体 bean、一些 session bean 和消息驱动 bean。我以如下方式使用 serv
什么在速度方面更好...... 我正在尝试确定用户是否已将某个 URL 添加到他们的快捷方式列表中。如果他们添加了 URL,页面上就会有一个链接,用于从快捷方式中删除该页面,否则他们可以将其添加到快捷
我的问题如下: 我打开一个Excel-File,但我不知道我的客户在模板文件中使用了哪些可能的标头变量。它们可以是:#DATE,#TIME,#NAME等。因此,我需要查找这些变量,以及是否已使用过:替
我有一堆以“-e”结尾的文件要删除。 $ find . -name "*-e" exec rm {} \; find: exec: unknown primary or operator 正则表达式是
我有一个简单的问题:是否可以在 TypeScript 中获取联合的一部分的类型? 例如,您可以经常使用如下查找类型: interface Person { name: string; } type
我正在尝试设置 Point Cloud Library启用 CUDA 选项的主干构建。 我相信我已经按照 these instructions 正确安装了 CUDA . 在 PCL 构建的 cmake
我将首先说我所知道的唯一 VBA 是操作录制的宏的反复试验。我是一名注册会计师,试图以艰难的方式学习 VBA(并希望我去学校学习计算机编程!)。 我有带有多个工作表的大型工作簿。 G 列中以黄色突出显
当文件数达到阈值时,我试图删除目录中最旧的文件。 list_of_files = os.listdir('log') if len([name for name in list_of_files
我有一个数组,它有一些重复的值。 我必须计算每个重复项的数量及其索引。 打印如: Index of b: 1 Index of b: 4 Index of c: 2 Index of c: 3 Ind
我已经搜索了我的问题的解决方案,但没有成功。热键 ctrl+F 找到的 eclipse 查找/替换功能不起作用。注意:通过 Eclipse 菜单 Edit>Find Replace(不工作我的意思是
我想检查 div 是否包含类为“error”的子级,但条件是错误类显示不等于无。 (意味着错误类必须可见。 如何更改我的以下代码: $(".related_field").each(function
这个问题已经有答案了: 已关闭13 年前。 Possible Duplicate: Can jQuery provide the tag name? 嗨! 这个问题太基础了,我不好意思问,但我尝试了
我一直听说这是 cygwin 的路径问题。它阻止了 emacs 在我的 cygwin 中工作。当我在 cli(不是 bash/cygwin)上执行 find 时,无论我输入什么,我都会得到同样的错误。
我正在使用此变量来获取一个或多个与我需要的值相匹配的值。 var mail = $("#dat").contents().find("td:contains('" + name + "')" ).si
请原谅这个长问题。我只是不确定解决这个问题的最佳方法是什么。 我有一个电子表格(Google 表格),其中包含用户和地址列表,我需要从中创建邮寄标签。该电子表格是从我们的学生信息系统导出的。这些地址应
我正在 Excel VBA 中创建一个公式,以解析单元格中以逗号分隔的“部分”列表。在另一个工作表中查找具有该零件名称的单元格,然后使用找到的该单元格的地址来获取同一行不同列的零件成本。我为此工作了数
我被要求在网络应用程序上实现一些电子邮件地址验证 - 我确信我们都已经经历过一千次了...但是,这一次我被要求在域上进行 MX 查找查看它是否接受电子邮件。 有人知道这样做有任何潜在的问题吗? mx
我有一个切换按钮,可读取.wave文件,并且字符串更改为暂停,然后..... 我的问题是,当用户播放声音时,按钮字符串更改为暂停,结束声音后,该字符串仍为暂停状态,我想将其更改为播放。但是我不知道如何
对于令人困惑的标题提前表示歉意。我的问题如下,我在大约 600 个文件中有以下文本: $_REQUEST['FOO'] 我想将其替换为以下内容: $this->input->post('FOO') 为
我正在使用 Ansible 的查找功能查找 INI 文件中的值。这是文档中的示例: - debug: msg="User in integration is {{ lookup('ini', 'use
我是一名优秀的程序员,十分优秀!