zoukankan      html  css  js  c++  java
  • "运行代码”功能整理发布

    <SCRIPT language=JavaScript>
    function runCode()  //定义一个运行代码的函数,
    {
     if(1 == arguments.length)
      try{event = arguments[0];}catch(e){}
      var code=(event.target || event.srcElement).parentNode.childNodes[0].value;//即要运行的代码。
      var newwin=window.open('','','');  //打开一个窗口并赋给变量newwin。
      newwin.opener = null // 防止代码对论谈页面修改
      newwin.document.write(code);  //向这个打开的窗口中写入代码code,这样就实现了运行代码功能。
      newwin.document.close();
    }
    </SCRIPT>


    <TEXTAREA style="overflow-x:hidden"  name="content" cols="77" rows="15" class=bbbbbb id="run">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2311">
    <title>DW调色板</title>
    <script>
    var ColorHex=new Array('00','33','66','99','CC','FF')
    var SpColorHex=new Array('FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF')
    var current=null

    function intocolor()
    {
    var colorTable=''
    for (i=0;i<2;i++)
     {
      for (j=0;j<6;j++)
       {
        colorTable=colorTable+'<tr height=12>'
        colorTable=colorTable+'<td width=11 style="background-color:#000000">'
       
        if (i==0){
        colorTable=colorTable+'<td width=11 style="background-color:#'+ColorHex[j]+ColorHex[j]+ColorHex[j]+'">'}
        else{
        colorTable=colorTable+'<td width=11 style="background-color:#'+SpColorHex[j]+'">'}

       
        colorTable=colorTable+'<td width=11 style="background-color:#000000">'
        for (k=0;k<3;k++)
         {
           for (l=0;l<6;l++)
           {
            colorTable=colorTable+'<td width=11 style="background-color:#'+ColorHex[k+i*3]+ColorHex[l]+ColorHex[j]+'">'
           }
         }
      }
    }
    colorTable='<table width=253 border="0" cellspacing="0" cellpadding="0" style="border:1px #000000 solid;border-bottom:none;border-collapse: collapse" bordercolor="000000">'
               +'<tr height=30><td colspan=21 bgcolor=#cccccc>'
               +'<table cellpadding="0" cellspacing="1" border="0" style="border-collapse: collapse">'
               +'<tr><td width="3"><td><input type="text" name="DisColor" size="6" disabled style="border:solid 1px #000000;background-color:#ffff00"></td>'
               +'<td width="3"><td><input type="text" name="HexColor" size="7" style="border:inset 1px;font-family:Arial;" value="#000000"></td></tr></table></td></table>'
               +'<table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="000000" onmouseover="doOver()" onmouseout="doOut()" onclick="doclick()" style="cursor:hand;">'
               +colorTable+'</table>';         
    colorpanel.innerHTML=colorTable
    }

    function doOver() {
          if ((event.srcElement.tagName=="TD") && (current!=event.srcElement)) {
            if (current!=null){current.style.backgroundColor = current._background}    
            event.srcElement._background = event.srcElement.style.backgroundColor
            DisColor.style.backgroundColor = event.srcElement.style.backgroundColor
            HexColor.value = event.srcElement.style.backgroundColor
            event.srcElement.style.backgroundColor = "white"
            current = event.srcElement
          }
    }

    function doOut() {

        if (current!=null) current.style.backgroundColor = current._background
    }

    function doclick(){
    if (event.srcElement.tagName=="TD"){
    alert("选取颜色: "+event.srcElement._background)
    return event.srcElement._background
    }
    }
    </script>
    </head>

    <body onload="intocolor()">
    <div id="colorpanel" style="position: absolute;">
     </div>
    </body>
    </html>
    </TEXTAREA>
    <INPUT style="cursor:hand " type="button"  onclick="runCode()" value="运行代码">

  • 相关阅读:
    51nod乘积之和
    Dell服务器安装OpenManage(OMSA)
    Nginx反向代理PHP
    搭建haproxy
    108. Convert Sorted Array to Binary Search Tree
    60. Permutation Sequence
    142. Linked List Cycle II
    129. Sum Root to Leaf Numbers
    118. Pascal's Triangle
    26. Remove Duplicates from Sorted Array
  • 原文地址:https://www.cnblogs.com/MaxIE/p/634523.html
Copyright © 2011-2022 走看看