WD1X.COM - 问答一下,轻松解决,电脑应用解决专家
主板显卡CPU内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令DOS命令Win8
存储光存储鼠标键盘
内存维修打印机维修
WinXPWin7Win11Linux
硬件综合机箱电源散热器手机数码
主板维修CPU维修键盘鼠标维修
Word教程Excel教程PowerPointWPS
网络工具系统工具图像工具
数据库javascript服务器
PHP教程CSS教程XML教程

成功实现动易内容页运行代码功能

更新时间:2010-02-06 12:43 作者:网络收集点击:

通过网上搜集一些资料再加上对动易模板的研究终于成功的实现了动易内容页运行代码的功能!特共享给大家,希望对朋友们有所帮助

演示地址:http://45it.com/Article/design/wytx/201002/23258.htm

实现此功能第一步:
再内容页模板的<head></head>区域增加以下代码:

<SCRIPT>
function Preview(obj) {
var TestWin=window.open('','',''); //打开一个窗口并赋给变量TestWin。
TestWin.opener = null // 防止代码对论谈页面修改
TestWin.document.write(obj.value); //向这个打开的窗口中写入代码code,这样就实现了运行代码功
能。
TestWin.document.close();
}
//复制文本域代码
function copyCode(obj) {
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
}
//另存文本域代码
function saveCode(obj) {
var winname = window.open('', '_blank', 'top=10000');
winname.document.open('text/html', 'replace');
winname.document.writeln(obj.value);
winname.document.execCommand('saveas','','code.htm');
winname.close();
}
</SCRIPT>


第二步:
把你需要运行的代码放在以下的文本框区域内
<TEXTAREA id=code1 style="WIDTH: 560px; HEIGHT: 200px">
运行代码区域
</TEXTAREA>
然后加上
<BR><BUTTON onclick=Preview(code1)>运行代码</BUTTON><BUTTON onclick=copyCode(code1)>复制代码</BUTTON><BUTTON onclick=saveCode(code1)>另存代码</BUTTON>

复制到你添加的区域就可以了,注意此时编辑框应切换到源代码状态。
相关的宽度可以自己调整。
本文只提供方法,相关的美工请各位朋友自己搞定!

最后不得不感叹动易系统的强大!别的程序可以做的,动易一样可以做到!
感谢动易团队给我们提供这么好的程序!!
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
你可能感兴趣的内容