OALD9 英汉切换加强(20191229二更)

dfliaoyue · 发表于 2019-12-24 21:59:12

本帖最后由 dfliaoyue 于 2020-1-10 11:10 编辑

原帖：Oxford Advanced Learner’s Dictionary, 9th edition online version
mdx和mdd都在原帖下载。附件里是js和css。字体什么的自己处理修改。
声明：
这主要是一个功能性改版，有特别需求的自己去折腾。文件自行取用修改、整合即可。
特点：
初始隐藏汉语
点击释义/例句的后方空白显示汉语（点释义最后那点内容也行。注意释义和释义前的提示的中文是分开的）
添加了英汉切换按钮的变化
改了点顶部词性按钮的样式

oald9.zip (104.56 KB, 下载次数: 488)

更新日志
20191229 没有中文的不显示翻译按钮【更新js中translationIndividual和translationIndividualByClassName两个函数，增加translation_button_remove】
20191228 修正部分unbox未完全收起的问题；修正部分unbox对齐错误；从官网扒了topic类条目的样式；改了下js，方便设置中文释义/例句的显示方式（L94-95, 124-125）。
20191225 修正小问题

dfliaoyue · 发表于 2019-12-28 11:36:21

mjjsj 发表于 2019-12-28 09:21
D大，能在下一版把例句的汉译与英文解释分行显示吗？因为太长了，看起来不美观。
我试着想自己改，可是改了 ...

我喜欢紧凑些。
改动位置：js第108行，this.nextSibling.style.display='inline'; 把inline改成block就行了

mjjsj · 发表于 2019-12-28 14:18:40

dfliaoyue 发表于 2019-12-28 11:36
我喜欢紧凑些。
改动位置：js第108行，this.nextSibling.style.display='inline'; 把inline改成block就行 ...

多谢D大指点。现在还有一个问题，108行改了，可是释义和例句都分行显示了。如果希望释义的汉译仍在一行，例句汉译分行，还需要改什么呢？

williamson · 发表于 2019-12-24 22:16:25

感谢大佬的改版

zzzz_sleep · 发表于 2019-12-24 22:16:43

图呢？
无图无真相

jjty · 发表于 2019-12-24 22:22:14

感谢楼主分享。问一下原帖里有好几个css，用你的一个css替换吗？

dfliaoyue · 发表于 2019-12-24 22:31:50

jjty 发表于 2019-12-24 22:22
感谢楼主分享。问一下原帖里有好几个css，用你的一个css替换吗？

应该和mdx、mdd放到同一个目录就行了

belleyeah · 发表于 2019-12-24 22:38:49

有创意。谢谢。

liuqiuchina · 发表于 2019-12-25 08:48:41

谢谢分享更完美了

jjty · 发表于 2019-12-25 09:11:49

dfliaoyue 发表于 2019-12-24 22:31
应该和mdx、mdd放到同一个目录就行了

谢谢回复

英国百科全书 · 发表于 2019-12-26 12:17:43

百度网盘的链接和提取码是什么？

xxxxxdata · 发表于 2019-12-27 06:08:51

这是什么包？？包好像很小不像是mdd mdx之类的文件

xxxxxdata · 发表于 2019-12-27 07:14:10

似乎有两个相同的帖子，不同人的

Huawei1368 · 发表于 2019-12-27 08:14:15

各人也有爱好，其实我自己用着也不是特别方便。

mjjsj · 发表于 2019-12-28 09:21:21

D大，能在下一版把例句的汉译与英文解释分行显示吗？因为太长了，看起来不美观。
我试着想自己改，可是改了分行，原来默认的不显示、点击才显示汉译的功能就失效了，一直也没找到解决办法。

dfliaoyue · 发表于 2019-12-28 14:27:49

mjjsj 发表于 2019-12-28 14:18
多谢D大指点。现在还有一个问题，108行改了，可是释义和例句都分行显示了。如果希望释义的汉译仍在一行， ...

那你就用setAttribute设置属性，把这个函数里style.display的换掉，然后在css里设置。

mjjsj · 发表于 2019-12-28 14:47:02

dfliaoyue 发表于 2019-12-28 14:27
那你就用setAttribute设置属性，把这个函数里style.display的换掉，然后在css里设置。 ...

汗颜，这个太高深了，都没听说过，一时半会儿可能学不会。

dfliaoyue · 发表于 2019-12-28 16:20:15

mjjsj 发表于 2019-12-28 14:47
汗颜，这个太高深了，都没听说过，一时半会儿可能学不会。

oald9js.zip (1.27 KB, 下载次数: 30)
用这个吧。

mjjsj · 发表于 2019-12-28 18:44:32

dfliaoyue 发表于 2019-12-28 16:20
用这个吧。

感谢D大，完美解决了我的问题。致敬！

nilevol · 发表于 2019-12-28 21:31:35

楼主排的字典兼具美观与实用，就是怎么没看见发音图标呢

dfliaoyue · 发表于 2019-12-28 21:38:15

nilevol 发表于 2019-12-28 21:31
楼主排的字典兼具美观与实用，就是怎么没看见发音图标呢

我给隐藏了，你把它改出来就行。因为我自己用词典都不装语音包的。

newhappyok · 发表于 2019-12-30 00:39:28

谢谢楼主分享

Refrain1125 · 发表于 2020-1-4 16:12:03

不晓得为什么，楼主的 js 在安卓和win10欧路上可以点击中文切换，win10 Goldendict 倒是不行了

dfliaoyue · 发表于 2020-1-4 16:50:16

Refrain1125 发表于 2020-1-4 16:12
不晓得为什么，楼主的 js 在安卓和win10欧路上可以点击中文切换，win10 Goldendict 倒是不行了 ...

可以用的。估计是冲突了，会和ode3冲突

[改版] OALD9 英汉切换加强(20191229二更)

评分