繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 纯js实现的论坛常用的运行代码的效果
- Javascript
- JS 参数传递的实际应用代码分析
- prototype与jquery下Ajax实现的差别
- 用JS写的简单的计算器实现代码
- javascript 数组操作实用技巧
- JavaScript 中级笔记 第二章
- JavaScript 中级笔记 第三章
- JavaScript 中级笔记 第四章 闭包
- JavaScript 中级笔记 第五章 面向对象的基础
- Mootools 1.2教程 函数
- Mootools 1.2教程 事件处理
- 通过Mootools 1.2来操纵HTML DOM元素
- Mootools 1.2教程 设置和获取样式表属性
- Mootools 1.2教程 输入过滤第一部分（数字）
- Mootools 1.2教程 输入过滤第二部分（字符串）
- Mootools 1.2教程 Fx.Tween的使用
- Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
- MooTools 1.2中的Drag.Move来实现拖放
- Mootools 1.2教程 正则表达式
- Mootools 1.2教程 定时器和哈希简介
- Mootools 1.2教程 滚动条（Slider）
Javascript 中的 纯js实现的论坛常用的运行代码的效果
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 461 ::
收藏到网摘: n/a
bluidea论坛的脚本板块的版主写的，不错，转到这！ 用的时候把runcode.js放到网站目录，在需要运行代码的效果的地方放如下的代码
复制代码 代码如下:
<div style="margin-top: 1em; margin-bottom: 1em"><div style="display:none">{1}</div><textarea rows="12" cols="95" style='font-family:"Courier New",Courier,monospace;'></textarea><script src="runcode.js"></script><br /><input type="button" value="运行代码" style="border-left:1px solid #B1B4CD;border-right:1px solid #494D74;border-top:1px solid #B1B4CD;;border-bottom:1px solid #494D74;background:#696D81;color:#FFFFFF;" onclick="runCode(this)"> <input type="button" style="border-left:1px solid #B1B4CD;border-right:1px solid #494D74;border-top:1px solid #B1B4CD;;border-bottom:1px solid #494D74;background:#696D81;color:#FFFFFF;"value="复制代码" onclick="copycode(this)"> <input type="button" style="border-left:1px solid #B1B4CD;border-right:1px solid #494D74;border-top:1px solid #B1B4CD;;border-bottom:1px solid #494D74;background:#696D81;color:#FFFFFF;"value="另存代码" onclick="saveCode(this)"> <input type="button" style="border-left:1px solid #B1B4CD;border-right:1px solid #494D74;border-top:1px solid #B1B4CD;;border-bottom:1px solid #494D74;background:#696D81;color:#FFFFFF;"value="还原代码" onclick="preCode(this)"> 提示：您可以先修改部分代码再运行</div>
就可以了。
runcode.js文件
复制代码 代码如下:
//Scripts runcode for BBS ver 2008-06-30, by Bound0([email protected])
//First published at http://bbs.blueidea.com
//An example: http://bbs.veryhman.com/showtopic-20094.aspx
function runCode(which) {
var p=which.parentNode;
var os=p.getElementsByTagName("textarea");
if(os.length==0)return;
var o=os[0];
var winname = window.open('', "_blank", '');
winname.document.open('text/html', 'replace');
winname.opener = null;
winname.document.write(o.value);
winname.document.close();
}
function saveCode(which) {
var p=which.parentNode;
var os=p.getElementsByTagName("textarea");
if(os.length==0)return;
var o=os[0];
var winname = window.open('', '_blank', 'top=10000');
winname.document.open('text/html', 'replace');
winname.document.write(o.value);
winname.document.execCommand('saveas','','code.htm');
winname.close();
}
function copycode(which) {
var p=which.parentNode;
var os=p.getElementsByTagName("textarea");
if(os.length==0)return;
var o=os[0];
var is_ie = (userAgent.indexOf('msie') != -1 && !is_opera) && userAgent.substr(userAgent.indexOf('msie') + 5, 3);
if(is_ie && o.style.display != 'none') {
var rng = document.body.createTextRange();
rng.moveToElementText(o);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
}
}
function text(e)
{
var t = "";
e = e.childNodes || e;
for ( var j = 0; j < e.length; j++ )
{
if(e[j].nodeType != 1){t+=e[j].nodeValue}
else
{
var k=e[j].nodeName;
if(k=='BR'||k=='P'){t+='\r\n'}
t+=text(e[j].childNodes)
}
}
return t;
}
function preCode(which) {
var p=which.parentNode;
var os=p.getElementsByTagName("textarea");
if(os.length==0)return;
var o=os[0];
var osv=p.getElementsByTagName("div");
if(osv.length==0)return;
var ov=osv[0];
var c=''
if(typeof(ov.innerText)!="undefined"){c=ov.innerText}else{c=text(ov)}
o.value=c
}
(function(){var s=document.getElementsByTagName("script");preCode(s[s.length-1])})()
评论 (0) All
