词典中实现文字折叠的代码(如同OLAD8)

chigre · 发表于 2012-1-8 04:10:15

是从OLAD8的MDX文件反向提取出来的，之前自己在网上找到的使用效果不好。OLAD8里的这个代码超好！！！在使用Bluedict的【选择文本】时不会出现代码，保持原来排版。
具体代码如下，大家自己斟酌使用，颜色啊、字体大小啊什么的都可以调整的。
---------------------------------------------------------------------------------
<span style='display:block;background-color:rgb(236,245,221);'><span style='display:block;font-variant:small-caps;font-size:smaller;font-weight:bold;background-color:white;color:rgb(247,143,030);'><div>显示例句（一）</div></span><div id="ID1" style="display:none;">例句内容（一）</div></span><BR>

<span style='display:block;background-color:rgb(236,245,221);'><span style='display:block;font-variant:small-caps;font-size:smaller;font-weight:bold;background-color:white;color:rgb(247,143,030);'><div>显示例句（二）</div></span><div id="ID2" style="display:none;">例句内容（二）</div></span><BR>

---------------------------------------------------------------------------------
【请注意ID号，即一个词条内不能有重复的ID号，每一个折叠区使用独自的ID号】
【如下图有3个折叠区，使用了ID1，ID2，ID3】
---------------------------------------------------------------------------------

---------------------------------------------------------------------------------

bnuliujitao · 发表于 2012-1-8 10:49:56

这个很有用啊！

tjzzw · 发表于 2012-1-17 20:23:52

本帖最后由 tjzzw 于 2012-1-17 20:27 编辑

楼主的思路非常好，非常感兴趣，但提供的代码没有折叠效果，不知楼主能否将例图中的代码共享一下，相信大家会做出更多的优秀的词典作品。

tjzzw · 发表于 2012-1-17 20:30:43

本帖最后由 tjzzw 于 2012-1-17 20:32 编辑

我也做了一段代码，网页中可以，但词典中不能实现这个效果，也给大家共享，希望抛砖引玉：
<div class="block" id="a001" style=""><span style="font-size: 9pt;">VVVVV[<a href="javascript:"onclick="document.all.a002.style.display=(document.all.a002.style.display=='none')?'':'none';document.all.a001.style.display=(document.all.a001.style.display=='none')?'':'none'">VVVVV▼</a>]</span></div>
<div class="block" id="a002" style="display: none;"><span style="font-size: 9pt;">MMMMM[<a
href="javascript:"onclick="document.all.a002.style.display=(document.all.a002.style.display=='none')?'':'none';document.all.a001.style.display=(document.all.a001.style.display=='none')?'':'none'">MMMMM▲</a>]</span></div>

chigre · 发表于 2012-1-17 23:07:02

3# tjzzw
见5楼！！

tjzzw · 发表于 2012-1-18 09:06:21

提取一段的有效语句给大家，格式语句大家去附加即可，（说明：“span”只对关键词块起作用，“div”对关键词块的整行起作用）：
<span onclick="javascript:if(ID1.style.display=='none') ID1.style.display='block'; else ID1.style.display='none';">?
详细信息1</span><span id="ID1" style="display: none;">MM是个漂亮的姑娘</span>
<div onclick="javascript:if(ID2.style.display=='none') ID2.style.display='block'; else ID2.style.display='none';">?详细信息2</div><div id="ID2" style="display: none;">但MM是个泰国人，哈哈</div>

chigre · 发表于 2012-1-18 11:15:39

7# tjzzw
一个词条内有多个折叠的，需要相应修改ID号就可以了

garolee · 发表于 2012-4-9 11:16:35

只适用于bluedict？我做出来得mdx在pc端及wm系统上无法显示折叠部分。

chigre · 发表于 2012-12-5 02:16:23

这个我自己顶起来，是制作经验~

sxingbai · 发表于 2012-12-5 08:23:09

多謝分享！

chigre · 发表于 2013-5-6 21:46:25

<div onclick="javascript:if(ID1.style.display=='none') ID1.style.display='block', ID9.style.display='none'; else ID1.style.display='none', ID9.style.display='block';"><input type="button" value="显示/隐藏中文" /></div><div id="ID1" style="display:block;">ID1显示部分</div><div id="ID9" style="display:none;">ID2另外的显示部分</div>

复制代码

---------------------------------------------
可以实现轮换显示...

ＹＥＨＹＡ · 发表于 2013-5-13 19:26:25

图片怎么啦，怎么看不见

[教程] 词典中实现文字折叠的代码(如同OLAD8)