如何制作代码自动收缩

问题描述

比如CSDN论坛的这个文章内容编辑器,有插入源代码功能,插入后代码可以自动收缩或展开。这种效果是如何实现的?

解决方案

解决方案二:
mark
解决方案三:
用js
解决方案四:
<html><head><title>TreeMenu</title></head><scriptlanguage="javascript"type="text/javascript"><!--functiontog(item){obj=document.getElementById(item);visible=(obj.style.display!="none");key=document.getElementById("x"+item);if(visible){obj.style.display="none";key.innerHTML="+";}else{obj.style.display="block";key.innerHTML="-";}}functionexpall(item,yes){obj=document.getElementById(item);arr=obj.getElementsByTagName("UL");for(i=0;i<arr.length;i++){key=document.getElementById("x"+arr[i].id);if(yes){arr[i].style.display="block";key.innerHTML="-";}else{arr[i].style.display="none";key.innerHTML="+";}}}//--></script><divid='tree'><aid='xall'href="javascript:tog('all');">+</a><ulid='all'style="display:none;"><li>child1</li><li><aid='xfather'href="javascript:tog('father');">+</a>father<ulid='father'style="display:none;"><li>child2</li><li>child3</li></ul></li></ul></div><p><ahref="javascript:expall('tree',1);">ExpandAll</a>--<ahref="javascript:expall('tree',0);">CollapseAll</a></p><p>Extendedfrom<ahref="http://www.codeproject.com/jscript/treemenu.asp">MarceloFranco</a>'streemenu.</p></body></html>菜单制作
解决方案五:
如果你有兴趣,则去研究AjaxControlToolkit原代码,里面有不少类同的程序
解决方案六:
jsp这么弄的
解决方案七:
使用JS来实现的。
解决方案八:
[img=http://photo.store.qq.com/http_imgload.cgi?/rurl2=41d1e195ea3c10f93e0cd6a76017fcf29fd75fd5bc28dc9eb2762ed4289dde0681fafde3cf9228caa19321b37eadb577be4538f3c7c95da341af82e282d9af4d02bf0b007565c745bab9cdba2be8093de369dd23][/img]
解决方案九:
该回复于2008-05-23 10:48:47被版主删除
解决方案十:
该回复于2008-05-27 18:04:53被版主删除
解决方案十一:
该回复于2008-05-26 11:36:04被版主删除
解决方案十二:
学习。。。
解决方案十三:
该回复于2008-05-27 18:01:55被版主删除
解决方案十四:
该回复于2008-05-28 09:34:16被版主删除
解决方案十五:
我也想学习下怎么做的,谁有实例来个.
解决方案:
d
解决方案:
该回复于2008-05-29 13:37:24被版主删除
解决方案:
该回复于2008-07-03 15:21:53被版主删除
解决方案:
该回复于2008-06-03 12:06:47被版主删除
解决方案:
该回复于2008-06-04 10:24:34被版主删除
解决方案:
该回复于2008-06-05 15:02:36被版主删除
解决方案:
该回复于2008-06-06 15:30:27被版主删除
解决方案:
该回复于2008-06-07 18:01:09被版主删除
解决方案:
该回复于2008-06-10 08:50:52被版主删除
解决方案:
该回复于2008-06-10 08:53:42被版主删除
解决方案:
该回复于2008-06-10 12:05:23被版主删除
解决方案:
该回复于2008-06-10 14:40:56被版主删除
解决方案:
该回复于2008-06-11 15:28:44被版主删除
解决方案:
该回复于2008-06-12 08:38:10被版主删除
解决方案:
该回复于2008-06-16 09:03:31被版主删除
解决方案:
该回复于2008-06-13 13:14:34被版主删除
解决方案:
该回复于2008-06-16 08:56:15被版主删除
解决方案:
该回复于2008-06-16 08:57:26被版主删除
解决方案:

解决方案:

解决方案:
顶一下
解决方案:

解决方案:

解决方案:
关注关注关注顶下先
解决方案:

解决方案:

解决方案:

解决方案:

解决方案:
该回复于2008-06-26 08:34:39被版主删除
解决方案:
ding!!!!!!!!!!

时间: 2024-12-24 11:42:08

如何制作代码自动收缩的相关文章

jquery实现可自动收缩的TAB网页选项卡代码_jquery

本文实例讲述了jquery实现可自动收缩的TAB网页选项卡代码.分享给大家供大家参考.具体如下: 这是一款可自动收缩的TAB选项卡网页代码,当把鼠标放在标签上的时候,标签所属的内容自动展开,鼠标移走或移到其它标签的时候,选项卡自动收缩隐藏起来,第二个选项卡伸展开来,动画效果挺流畅,不错的网页特效. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-hidden-show-tab-cha-nav-menu-codes/ 具体代码如下:

Delphi XE3 代码自动提示bug的解决

在Delphi  XE3的使用过程当中,发现代码自动提示功能经常失效,不提示,bug,给编程者代码很大的困扰,针对此,想出如下解决办法 : 1. Delphi  XE3自带的代码提示功能中,如下图: 关闭  Code  completion 更多精彩内容:http://www.bianceng.cnhttp://www.bianceng.cn/Programming/Delphi/ 2. Delphi  XE3按照Cnpack,在Cnpack的代码助手里,添加代码提示功能,如下图: 完成以上两步

如何配置eclipse的代码自动提示功能?

  对于编程人员来说,要记住大量的类名或类方法的名字,着实不是一件容易的事情.如果要IDE能够自动补全代码,那将为我们编程人员带来很大帮助. Eclipse代码里面的代码提示功能默认是关闭的,只有输入"."的时候才会提示功能,用vs的用户可能不太习惯这种,vs是输入任何字母都会提示,下面说一下如何修改eclipse配置,开启代码自动提示功能打开 Eclipse -> Window -> Perferences -> Java -> Editor -> Co

SQL代码自动生成器

SQL代码自动生成器,效果图如下:         实现原理很简单:       通过数据库名,获取到数据表名,进而获取到数据字段.通过可视化的选择+自定义的添加修改,一步一步完成SQL语句的编写. 其中对于常用的存储过程参数列表的书写提供了方便.       还可以直接通过数据表名,自动生成数据访问类:       您可以在 http://sites.google.com/site/zhangqs008/chang-yong-gong-ju下载到该小程序,程序名称:SQLCodeMaker.r

linux下让irb实现代码自动补全的功能

    我不知道其他系统上irb是否有此功能,但是在ubuntu上ruby2.1.2自带的irb默认是没有代码自动补全功能的,这多少让人觉得有所不便.其实加上也很简单,就是在irb里加载一个模块:require 'irb/completion' ,但是我们不可能每次都手动敲着一行代码,KISS和DRY哪去了?     简单的一劳永逸的方法是在~/.irbrc里添加irb运行时需要执行的代码即可.你要问我怎么知道.irbrc文件路径的,你可以通过IRB.rc_file看到.网上还有更高级的自动补全

急求,eclipse编程时实现当前代码自动复制保存到指定文件的类,方法,打jar包

问题描述 急求,eclipse编程时实现当前代码自动复制保存到指定文件的类,方法,打jar包 先说下需求,编程时总希望把当前正在编写的自认为比较有借鉴意义的代码追加保存到指定文件,留作日后参考,但如果每次都手动复制粘贴,又很麻烦,故思考写个实现该功能的工具类,打成jar包,封装本方法,这样以后不管在哪个项目里敲代码,想保存时就导入自定义的jar包,调用一下该方法就完成了追加保存,简洁方便:然本人初学能力不足,只完成了部分,截图如下,望各位不吝赐教 可以看到主要困难在于获得当前文件的路径名,ecl

ant编译-ubuntu中,通过java代码自动执行ant打包命令,结果ant permission denied,求指教

问题描述 ubuntu中,通过java代码自动执行ant打包命令,结果ant permission denied,求指教 ant权限已经更改了.且创建build.xml命令执行通过.当调用ant命令的时候.提示没有权限.好奇怪. 解决方案 就是在java中通过runtime.getruntime.exec执行命令 /bin/sh -c android create uitest-project....生成build.xml文件已经通过.但当通过exec执行命令/bin/sh -c ant bui

imageview-安卓 初学者 求代码 自动添加

问题描述 安卓 初学者 求代码 自动添加 我用的table布局,在执行某个函数时要自动添加一行tablerow在原有的表格后面, 并在tablerow中添加Imageview 控件,代码要怎么实现 解决方案 http://android.tgbus.com/Android/tutorial/200812/173622.shtml 解决方案二: row.addView(img,new LayoutParams(width, height));

myEclipse工具中的代码自动修改了

问题描述 myEclipse工具中的代码自动修改了 我上周把项目完善得差不多了,这刚上班就发现又跑不起来了,只能从头到尾查看一遍, 发现好多地方的代码都被修改过了,而且是一周以前的代码了,难道这工具还会自动修 该代码吗?幸好我备份了. 我的myEclipse是Version: 2013 SR2 解决方案 MyEclipse 设置自动的代码提示Myeclipse 增强代码自动智能提示MyEclipse,Eclipse代码自动提示帮助问题 解决方案二: 不能吧,可能是你的代码没有提交,然后本地SVN