兼容IE与FF的代码运行框

代码运行框效果：

运行代码框

兼容IE与FF的代码运行框

[ 提示：Ctrl+A 全选，你可以先修改部分代码，再按运行]

<!-- function runCode(obj) { var code=obj.value; var newwin=window.open('','',''); newwin.opener = null newwin.document.write(code); newwin.document.close(); } // -->

运行框代码：

以下为引用内容：
<p>运行代码框<br />
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<textarea style="border-right: #ccc 1px solid; border-top: #ccc 1px solid; padding-left: 12px; border-left: #ccc 1px solid; color: #006699; border-bottom: #ccc 1px solid" rows="16" cols="72" name="code">

兼容IE与FF的代码运行框

</textarea><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" onclick="runCode(this.offsetParent.getElementsByTagName('textarea')[0])" value="运行代码" /> [ 提示：Ctrl+A 全选，你可以先修改部分代码，再按运行]</span></p>
< script type=text/java script >
function runCode(obj)
{
var code=obj.value;
var newwin=window.open('','','');
newwin.opener = null
newwin.document.write(code);
newwin.document.close();
}
</ script >

本文链接：http://www.oversteper.com/design/layout/812.html

评论

1 楼 lmh2072005 2011-09-28  

这个textarea和运行代码的button是怎么显示出来的啊 ，我的怎么显示是代码不是你这种界面呢 ，麻烦楼主指点下 ^^