请大家来集思广益,帮帮忙！

[没事眯一会]

干这行的少不了上网查资料，积累的资料一旦多了，反而不好整理，查找起来也比较麻烦，所以本人自己做一个项目，来整理展示这些资料。我先简单设想了下，就是把我下的每次html页面等资料的标题按一定方式展示出来，点击它在页面的下半部分出现一个表格，左边显示他的页面源码，还可以继续编译，点击一个按钮，右边显示结果 。这个功能不知道怎么实现，求大家帮帮忙！
就是像w3school一样的东西 http://www.w3school.com.cn/tiy/t.asp?f=html_headers 就是在左边能编辑自己的html代码，右边显示结果。这个是怎么实现？
小弟新来，分不多，万望海涵！！

[没事眯一会]

没人自己顶>.<

[MuBeiBei]

http://hi.csdn.net/link.php?url=http://www.jslab.org.cn%2F%3Ftag%3D.Basis

其实你可以做成这样。。。你看看

[没事眯一会]

你给的这个地址，我没看懂！汗，我就想知道他那个“运行代码”功能怎么做的？

[MuBeiBei]

[Quote=引用 3 楼 sichongxing 的回复:]
你给的这个地址，我没看懂！汗，我就想知道他那个“运行代码”功能怎么做的？
[/Quote]

就是新打开一个窗口。
他应该是把你说的显示结果页，传到服务器上了。然后打开。就能看到效果了

[没事眯一会]

不想做成那个效果，就跟w3school那样就行，简洁。效果我感觉很好！有木有这样的demo啊

[MuBeiBei]

[Quote=引用 5 楼 sichongxing 的回复:]
不想做成那个效果，就跟w3school那样就行，简洁。效果我感觉很好！有木有这样的demo啊
[/Quote]

我这还真没有~·

[没事眯一会]

饿~~~~~~~ 能说说w3school那样是怎么实现的吗，这个功能我没电思路！

[MuBeiBei]

[Quote=引用 7 楼 sichongxing 的回复:]
饿~~~~~~~ 能说说w3school那样是怎么实现的吗，这个功能我没电思路！
[/Quote]

我觉得应该就是点击上面那个TRY按钮
然后把左边的内容直接用innerHTML输出到右边。
或者是document.write

[MuBeiBei]

就是这个<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

你可以下载下来看看

[没事眯一会]

哦 谢谢你了 ，我现在有点思路了！

[lsw645645645]

这个么，一个是编码显示的。一个是源码显示的。转换一下就行了嘛。